📄 5.2.3.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">使用对话框</h2>
<p>在用户与应用程序进行交互操作时，经常使用的是对话框这种工具，在网页交互过程中也可以使用对话框。window 对象提供了三种方法：alert()、confirm()
和 prompt()，分别用于显示不同类型的对话框。</p>
<p>
1. alert() 方法<p>
实际上，在前面的章节中我们已经多次用到了 window 对象的 alert() 方法，它的功能是将参数提供的字符串显示在一个提示对话框中，该对话框中包含一个"确定"按钮（对于英文版的浏览器，应是"OK"按钮），单击该按钮可以关闭该按钮。
<p> 以下一个简单的示例显示了 alert() 方法的使用。
<p><a href="../src/tu5.11.htm" target="_blank">示例 </a>
<p>
2. confirm() 方法<p>
使用 window 对象的 confirm() 方法，可以创建出包含一个"确定"按钮和"取消"按钮（或"OK"按钮和"Cancel"按钮）的对话框，用来确认用户所作的选择。如果用户选择了"确定"按钮，则
confirm() 方法返回 true；如果用户选择了"取消"按钮，则 confirm() 方法返回 false。作为 confirm()
方法参数的字符串，将与使用 alert() 方法时一样出现在对话框中。
<p> 以下示例显示了 confirm() 方法的使用。
<p><a href="../src/tu5.12.htm" target="_blank">示例</a></p>
<p> 使用该示例的效果是：当单击"关闭"按钮时，弹出一个确认对话框；如果用户单击"确定"按钮，则确实关闭窗口，如果用户单击"取消"按钮，则什么也不做。
<p>
<p>3. prompt() 方法
<p>
除了以上两种要求用户直接单击按钮作出选择的对话框以外，在 JavaScript 中还可以有一种要求用户进行键盘输入的对话框，实现这种对话框的方法是使用 window
对象的 prompt() 方法。<p>
prompt() 方法包含两个字符串参数，第一个参数表示要在对话框中显示的信息，第二个参数表示文本框中的默认文本。在显示的对话框中包含"确定"和"取消"按钮（或"OK"和"Cancel"按钮），如果用户在该对话框中单击"确定"按钮，则该方法的返回值为用户在文本框中输入的内容或其初始值（如果用户没有输入）；如果用户单击"取消"按钮，则
prompt() 方法返回 null。
<p> 以下示例显示了 prompt() 方法的用法。
<p><a href="../src/tu5.13.htm" target="_blank">示例</a>
<p>该示例的效果为：单击"输入密码"按钮后弹出一个要求用户输入的对话框；输入之后单击"确定"按钮，如果输入正确（即输入"admin"）则返回窗口，否则弹出一个提示对话框要求继续输入。
<p>
<p>说明：用这种方式实现密码确认只具有最低级别的安全性，因为客户端脚本的所有内容都随着网页一起下载到浏览器端。如果要实现具有进一步安全性的密码确认，应使用服务器端脚本。
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -