首页 > 技术文章 > js三种对话框

YangJavaer 2016-10-18 18:01 原文

<html>
<head>
<script>
    function tip1(){
    //这个基本没有什么说的,就是弹出一个提醒的对话框
        alert("这个第一种提示框");
    }
    function tip2(){
    //利用对话框返回的值 (true 或者 false)
        if(confirm("你确定要删除吗?")){
        //点了确定
        alert("你点击了确定");
        }else{
        //点了取消
        alert("你点击了取消");
        }
        
    }
    function tip3(){
    var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
 
    //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        
        if(name){
        alert("欢迎您:"+ name);
        }
    }
</script>
</head>

<body>
    <input type="button" onclick="tip1()" value="提示1"/>
    <input type="button" onclick="tip2()" value="提示2"/>
    <input type="button" onclick="tip3()" value="提示3"/>
</body>
</html>

三种提示框在360浏览器中的效果如下:

alert:

confirm:

prompt:

 


推荐阅读