BOM中的三种提示窗口

来源：互联网发布：大鱼海棠影评知乎编辑：程序博客网时间：2024/06/08 12:15

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>

阅读全文

0 0