js中的三种弹窗及用法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>


function alert1(){
//只是弹出一个弹框提示信息，只有一个确定按钮，一般只做弹框提示
alert("少侠，送你屠龙宝刀 ");
}





function confirm1(){
//弹出提示信息，并有确定和取消按钮，所以就可以有判断了

//提示是否删除，如果选择“确定”则删除，调到另一页面，如果选择“取消”则不删除，返回本页面
//在处理是否要删除某个信息时，可以用到此demo，
var Con = confirm("少侠看你骨骼惊奇，是个程序猿的好材料，送你屠龙刀，点击确定或取消都送你一本秘籍，你懂的！！");
if(Con == true ){
document.write("");
location.href = "http://www.cnblogs.com/fmpang/";
}
else{
location.href = "http://www.cnblogs.com/langzhu/";
}

}



function prompt1(){
//弹出提示信息和一个可以输入信息框
//其中有两个参数，第一参数是显示出来提示用户的信息，第二个参数是用户自己输入的内容
var InputValue = prompt("少侠，看你与我有缘输入与不输入都送你屠龙刀和一本秘籍","");
if(InputValue !== ""){
location.href = "http://www.cnblogs.com/langzhu/";
}
else{
location.href = "http://www.cnblogs.com/fmpang/";
}
}


</script>

</head>
<body>
<input type="button" value="屠龙宝刀点击就送" onclick="alert1()" />
<input type="button" value="屠龙宝刀点我也送" onclick="confirm1()" />
<input type="button" value="屠龙宝刀点击赔本送" onclick="prompt1()" />
<input type="button" value="屠龙宝刀打折赔本送" onclick="prompt2()"/>


</body>
</html>

posted @ 2017-04-20 14:47  胖子在听风  阅读(593)  评论(0)    收藏  举报