<!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>
