zoukankan      html  css  js  c++  java
  • JavaScript中的三种弹出框

    JavaScript中有三种弹出框,alert(),confirm(), prompt()。

    1、alert()弹出一个警示框

    使用alert,浏览器可以弹出一个警示框。alert()中可以填写数字,填写文本和字符的时候需要加引号,如alert(‘请确认周围环境安全’),该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。

    代码:

    <html>
    <head>
    <title>亦枫</title>
    <script language="javascript"> //JavaScript脚本标注
    alert("上联:山石岩下古木枯");//在页面上弹出上联
    alert("下联:白水泉边少女妙");//在页面上弹出下联
    </script>
    </head>
    </html>

    执行上面的小例子,在页面上弹出对话框并显示一句话“上联:山石岩下古木枯”,接着,单击“确认”按钮后再显示第二个对话框并显示“白水泉边少女妙!”。

    效果:

    2、confirm()确认框

    使用confirm,浏览器可以弹出一个确认框。 使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。

    代码:

    <html>
    <head>
    <title>编写html页面</title>
    <script language="javascript"> //js脚本标注
    confirm("上联:一但重泥拦子路;下联:两岸夫子笑颜回"); //在页面上弹出确认对话框
    </script>
    </head>
    </html>

    效果:

    3、prompt()提示消息框

    提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框,用户在继续操作之前必须先关闭该消息框 。点击确认后,会返回您输入的结果,可以通过一个变量接收后,进行判断。

    代码:

    <html>
    <head>
    <title>编写html页面</title>
    <script language="javascript"> //js脚本标注
    var name,age;
    name=prompt("请问你叫什么名字?"); /*在页面上弹出提示对话框,
    将用户输入的结果赋给变量name*/
    alert(name); //输出用户输入的信息
    age=prompt("你今年多大了?","请在这里输入年龄"); /*在页面上再一次弹出提示对话框,
    讲用户输入的信息赋给变量age*/
    alert(age)//输出用户输入的信息
    </script>
    </head>
    </html>

    效果:

     
  • 相关阅读:
    Python的第一个程序
    Spring Boot 之Web开发
    JAVA简介及特性
    Spring Boot与Docker
    ls命令之通配符的使用
    [导入]ASP.NET常用函数
    [导入]再见号称中国最美的女人
    [导入]www.reactos.org一网友介绍的方向为“自己写操作系统的站点”
    [导入] Gmail Chat (Gmail 里的聊天功能)
    [导入]此篇写给城里普通收入的年轻人~~~
  • 原文地址:https://www.cnblogs.com/linliu/p/13141252.html
Copyright © 2011-2022 走看看