<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="">

<style type="text/css" media="screen">

ul{

list-style: none;

}

</style>

</head>

<body>

<ul>

<li><input type="button" value="alert button" id="alert-btn"/></li>

<li><input type="button" value="confirm button" id="confirm-btn"/></li>

<li><input type="button" value="prompt button" id="prompt-btn"/></li>

</ul>

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#prompt-btn").click(function(event) {

var keyword = window.prompt("请输入一个词","我是孙漂亮");

        if (keyword!=null && keyword!=""){

            window.alert("蕾好 " + keyword + "！");

        }

});


$("#confirm-btn").click(function(event) {

var res = window.confirm("你确认了解confirm这个函数？");

        if(res){

            window.alert("OK");

        }else{

            window.alert("确认消息框confirm(),方法的返回值为 true 或 false");

        }

});


$("#alert-btn").click(function(event) {

window.alert("警告消息框alert()");

});

});

</script>

</body>

</html>

QQ截图20181016144951.png