JavaScript用户交互

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()对话框

JavaScript用户交互

提示:不同的浏览器显示也不同
上图所示的弹出对话框由运行在Ubuntu Linux下的Chrome浏览器产生。不同操作系统、不同浏览器、不同显示设置都会影响这个对话框的最终显示情况,但它总是会包含要显示的信息和一个“OK”按钮。

提示:理解模态对话框
在用户单击“OK”按钮之前,页面上是不能进行其他任何操作的。具有这种行为模式的对话框称为“模态”对话框。

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!