BOM中的三种提示窗口

最新推荐文章于 2023-02-14 06:29:34 发布

明天早晨喝牛奶

最新推荐文章于 2023-02-14 06:29:34 发布

阅读量758

点赞数

分类专栏： js事件集中营

本文链接：https://blog.csdn.net/qq_40289292/article/details/78226648

版权

js事件集中营专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、选择提示窗口
选择确定会返回一个true，选择取消会返回一个false。


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script>
        var a;
        window.onload=function(){
            document.getElementById("a").onclick=function(){
                a=confirm("这是个神奇的世界。");

                if(a){
                    alert("欢迎你的到来。");
                }else
                alert("您的世界观很危险......")
                }
        }
    </script>
    <body>
        <button id="a">相信奇迹</button>
    </body>
</html>

2、输入提示窗口
选择确定会返回一个true，选择取消会返回一个false。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
    var x;
    var person=prompt("请输入你的名字","Harry Potter");
    if (person!=null && person!=""){
        x="你好 " + person + "! 今天感觉如何?";
        document.getElementById("demo").innerHTML=x;
    }
}
</script>

</body>
</html>

3、警告提示窗口
alert（一个字符串、一个变量名。）；
alert（）；可以用于function方法内，一般在标签中直接调用，比如；或者在标签

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
    alert("你好，我是一个警告框！");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="显示警告框" />

</body>
</html>