JavaScript用户交互,现在来介绍window和document对象的一些方法。首先介绍的这两个方法都能提供与用户交互的手段。
window.alert()
即使不知道window.alert()
,我们实际上在很多场合已经看到过它了。window对象位于DOM层级的最顶端,代表了显示页面的浏览器窗口。当我们调用alert()
方法时,浏览器会弹出一个对话框显示设置的信息,还有一个“确定”按钮。示例如下:
<script>window.alert("Here is my message");</script>
这是第一个使用句点表示法的范例,其中调用了window对象的alert()方法,所以按照object.method表示方法就写为window.alert
。
提示:另一种方便的简写方式
在实际编码过程中,可以不明确书写window.这部分。因为它是DOM层级结构的最顶层(有时也被称为“全局对象”),任何没有明确指明对象的方法调用都会被指向window,所以
<script>alert("Here is my message");</script>
也能实现同样功能。
请注意要显示的文本位于引号之中。引号可以是双引号,也可以是单引号,但必须有引号,否则会产生错误。
这行代码在浏览器执行时,产生的弹出对话框如图所示。
一个window.alert()
对话框
提示:不同的浏览器显示也不同
上图所示的弹出对话框由运行在Ubuntu Linux下的Chrome浏览器产生。不同操作系统、不同浏览器、不同显示设置都会影响这个对话框的最终显示情况,但它总是会包含要显示的信息和一个“OK”按钮。提示:理解模态对话框
在用户单击“OK”按钮之前,页面上是不能进行其他任何操作的。具有这种行为模式的对话框称为“模态”对话框。
酷客网相关文章:
评论前必须登录!
注册