JavaScript 弹出框

弹出框是最有用的方法,用来显示给网站访问者一个警告或者其他重要的信息。JavaScript 三种不同的弹框类型:

  • alert()
  • confirm()
  • prompt()

alert() - JavaScript 消息框

为了在小窗体里面显示给用户一些消息,alert消息框非常使用。需要重点记忆, alert() 方法在它前面不能有对象的名称, 因为alert()方法是窗体对象的部分。当提示框弹出是,用户只能点击“OK”按钮。

语法

alert('你的消息...');

源码

<html>
<body>
<input type="button" value="Click Here..." onclick="alert('这是一个提示框');" />
</body>
</html>

JavaScript Confirm() 完成消息框

一个 完成提示框用来提示用户做一个选择。当脚本弹出一个完成提示框,用户需要点击"OK""Cancel" ,进行下一步。不同的行为依赖于用户的不同选择。依靠附加逻辑确定不同的行为路线。

语法

result = window.confirm(message);

源码

<html>
<head>
<script type="text/javascript">
function isConfirmed() {
var conVal = confirm("准备完成吗?");
if (conVal == true) {
val = "Confirmed !!";
} else {
val = "Cancelled !!";
}
alert(val);
}
</script>
</head>
<body>
<form>
<input type="button" onclick="isConfirmed()" value="想完成吗 ?" />
</form>
</body>
</html>

JavaScript 提示框

alert() 方法不能和访问者交互。Javascript 输入框Prompt Box 经常用以让用户在继续下一步之前输入一个值。当Javascript 显示一个输入框,用户在输入一个值后,必须点击 "OK""Cancel" 进行确认或取消。依靠用户在对话框上的操作返回输入的值。如果用户打字,并且单击了OK,或者回车,提示框会返回用户输入的字符串。如果用户单击了OK或回车,没有打字,此方法将建议输入,如果指定了第二个参数,将作为输入值。如果用户关闭了这个对话框(例如,点击 Cancel 或按下Esc键), 对于大部分浏览器将返回null。

源码

<html>
<head>
<script type="text/javascript">
function promptUser() {
var iDay = prompt("输入任何值...", "");
if (iDay != null) {
alert("你输入的值是.." + iDay);
} else {
alert("应该输入值...");
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="promptUser()" value="显示输入框.." />
</form>
</body>
</html>

原文链接