欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

弹出框alert、confirm、prompt

程序员文章站 2022-03-02 12:14:36
...

弹出框alert、confirm、prompt

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{float:left; margin-top:200px; margin-left:50px;}
</style>
</head>

<body>
<div>
<input type="button" id="bt1" value="alert">
<input type="button" id="bt2" value="confirm">
<input type="button" id="bt3" value="prompt">
<script type="text/javascript">
var bt1=document.getElementById('bt1');
var bt2=document.getElementById('bt2');
var bt3=document.getElementById('bt3');
var flag=true;
bt1.οnclick=function() {
	if(flag) {
	alert('1'); //alert()只是弹出提示信息，没有其他作用的，但你要按确定后，才能更好的执行下一步
	}
};
bt2.οnclick=function() {
	var b2=confirm('你确定要执行下一步'); //confirm（）是确认框，有确定和取消按钮的，如果你按了确定按钮的话，将在此基础上进行下一步；如果你按了取消的话，就返回。
	if(b2==true) { 
	alert('请继续下一步');
	}
	if(b2==false) {
		alert('失败了，返回');
	}
};
bt3.οnclick=function() {
	var b3=prompt("请你输入你要登录密码","sfg"); 
	//prompt(str1,srr2)是提示框，弹出一个提示框，可能需要用户输入内容，然后它会根据用户输入的内容进行判断，如果正确的话，则进行下一步，否则返回。 str1是显示提示框的信息；str2是用于显示输入框的默认值，这个默认值用户可以进行修改；注意点：不要在dw编辑器中试prompt，会出现只弹框。
	if(b3=='hong') {
		alert('你的登录密码成功了');
	}
	else {
		alert('你的登录密码有误');
	}
};

</script>
</div>
</body>
</html>

上一篇： 一个简单的文件/图片上传工具

下一篇： 一个图片上传的写法

推荐阅读