JavaScript的三种弹窗消息框：alert+prompt+confirm 结合代码

casia_mengmeng

于 2016-10-31 15:32:32 发布

阅读量8.2k

点赞数 1

分类专栏： JavaScript学习笔记文章标签： JavaScript alert prompt confirm

本文链接：https://blog.csdn.net/u014691453/article/details/52982605

版权

本文详细介绍了JavaScript的三种弹窗消息框：alert用于展示信息，prompt用于获取用户输入，confirm用于确认操作。通过代码示例和页面预览，展示了如何在网页中实现这些功能。

摘要由CSDN通过智能技术生成

总结JavaScript的三种弹窗消息框。

1. 代码总览

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Conclusion</title>

<script type="text/javascript">
	function touchButton(){
		var userName = prompt("What is your name?", "Enter your name here!");	
		if(userName){
			alert("Nice to meet you ~ "+userName+" !");
		}
	}
</script>
</head>

<body>
<div style="margin-top:100px; text-align:center">
	<button οnclick="alert('第一种消息弹框：\n警告！')" style="cursor:pointer"><h3>第一种弹框</h3></button>
	<button οnclick="touchButton()" style="cursor:pointer"><h3>第二种弹框</h3></button>
	<button οnclick&#