JS之BOM编程--弹出消息框和确认框 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
    </head>
	<body>
		<script>
			function del(){
				var ok =  window.confirm("确认删除？");
				alert(ok);
			}
		</script>
		<input type="button" 
			value="弹出消息框" 
			onclick="window.alert('这是消息框')" />
		<input type="button" 
			value="弹出确认框" 
			onclick="del()" />
	</body>
</html>

在这里插入图片描述
点击弹出消息框：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200911230507846.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMzNDAyMg,size_16,color_FFFFFF,t_70#pic_center)
点击弹出确认框：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/2020091123052174.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMzNDAyMg,size_16,color_FFFFFF,t_70#pic_center)
点击确定：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200911230543758.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMzNDAyMg,size_16,color_FFFFFF,t_70#pic_center)
返回true
点击取消：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/2020091123061745.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMzNDAyMg,size_16,color_FFFFFF,t_70#pic_center)
返回false

posted @ 2020-09-11 23:07  YU_UY  阅读(219)  评论(0)    收藏  举报