JavaScript——弹窗(基础)

来源:互联网 发布:la域名收录怎么样 编辑:程序博客网 时间:2024/06/05 03:01

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

原创粉丝点击