JavaScript——弹窗（基础）

最新推荐文章于 2024-04-08 14:07:57 发布

Cl_Daisy

最新推荐文章于 2024-04-08 14:07:57 发布

阅读量556

点赞数

分类专栏： web 文章标签： javascript

本文链接：https://blog.csdn.net/Cl_Daisy/article/details/78186402

版权

web 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.confirm() 方法

它用于显示一个带有指定消息和OK 及取消按钮的对话框。

如果用户点击确定按钮，则confirm() 返回true。如果点击取消按钮，则confirm() 返回false。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用confirm() 时，将暂停对JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>confirm</title>
    </head>

    <body>
        <script>
            var con = confirm("do you like to study javascript?");
            if(con) {
                document.write("I love javascript!");
            } else {
                document.write("I love other lanuages!");
            }
        </script>
    </body>

</html>

confirm框
2.prompt（）方法
用于显示可提示用户进行输入的对话框。
这个方法返回用户输入的字符串。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>confirm</title>
    </head>

    <body>
        <script>
            var pro = prompt("what is your name?");
            document.write(pro);
        </script>
    </body>

</html>

prompt框
3.window.open打开一个新的页面，这里打开的是百度页面

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>confirm</title>
    </head>

    <body>
        <a href="#" title="http://www.baidu.com/">click me</a>
        <script>
            var link = document.getElementsByTagName("a")[0];
            link.onclick = function() {
                window.open(link.title, "blog", "width=400px,height=400px");
            }
        </script>
    </body>

</html>