您的位置：首页 > 其它

Window对象confirm()、prompt()

2017-08-08 15:54 183 查看
confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

如果访问者点击“确定”，此方法返回true，否则就返回false。

我们来看一下例子

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function clickme(){
var message = confirm("你幸福吗？");
if(message == true){
document.getElementById("demo").innerHTML = "请继续幸福下去";
} else {
document.getElementById("demo").innerHTML = "打扰了";
}
}
</script>
</head>
<body>
<input name="button" type="button" onclick="clickme()" value="点击我，弹出测试弹框" />
<div id="demo"></div>
</body>
</html>


效果不再演示，你可以直接粘贴复制到新建的html文件，浏览器打开就能运行

那么我们再来看看prompt()的用法

prompt()方法用于显示可提示用户进行输入的对话框。这个方法韩慧用户输入的字符串。

prompt(msg, defaultText)

参数描述
msg可选。要在对话框中显示的纯文本
defaultText可选。默认的输入文本。
以下是个小例子：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function clickme(){
var message = prompt("你几岁了？", "years");
if(message != null && message != ""){
document.getElementById("demo").innerHTML = "那么你想在" + message + "岁这一年做些什么？";
}
}
</script>
</head>
<body>
<input name="button" type="button" onclick="clickme()" value="点击我，弹出测试弹框" />
<div id="demo"></div>
</body>

</html>


效果不再演示，你可以直接粘贴复制到新建的html文件，浏览器打开就能运行
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航