JavaScript——弹窗(基础)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Cl_Daisy/article/details/78186402

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>

window.open框
4.window.close()关闭窗口
参考3

猜你喜欢

转载自blog.csdn.net/Cl_Daisy/article/details/78186402
今日推荐