js中三种对话框

javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。

alert()、confirm()、prompt()的区别和联系:

1.警告框alert()


alert是警告框,只有一个按钮“确定”无返回值,警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。语法:alert(“文本”)。

<html>
    <head>
        <title>html页面</title>
        <script language="javascript">
            alert("人在世间");//在页面上弹 "人在世间"
            alert("爱欲之中");//在页面上弹 "爱欲之中"
        </script>
    </head>
</html>

2.确认框confirm()


confirm是确认框,两个按钮,确定或者取消,返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。语法:confirm(“文本”)

<html>
    <head>
        <title>html页面</title>
        <script language="javascript">
        var res;
        res=confirm("你喜欢这个世界吗?"); //在页面上弹出对话框
        if(res==true)
            alert("非常喜欢!");
        else
            alert("不喜欢!");
        </script>
    </head>
</html>

3.提示框prompt()


prompt是提示框,返回输入的消息,或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。语法:prompt(“文本”,”默认值”)

<html>
    <head>
        <title>html页面</title>
        <script language="javascript">
            var name,age;
            name=prompt("请输入你的姓名?"); //在页面上弹出提示对话框,将用户输入的结果赋给变量name
            alert(name); //输出用户输入的信息
            age=prompt("输入你的年龄"); //在页面上再一次弹出提示对话框,将用户输入的结果赋给变量age
            alert(age);//输出用户输入的信息
        </script>
    </head>
</html>

猜你喜欢

转载自blog.csdn.net/m0_37885651/article/details/79818833
今日推荐