zoukankan      html  css  js  c++  java
  • JS之BOM篇对话框

    定义

    window对象下的对话框有alert()、confirm()、prompt()和print()。这些系统对话框与浏览器中显示的网页是没有关系的,它们不是HTML,也不能通过CSS改变它们的样式,它们的外观由操作系统及浏览器设置决定。通过这几个方法打开的对话框是同步和模态的,因此这些对话框在显示的时候,代码会停止执行,关掉对话框后代码会恢复执行

    alert()

    alert()方法接受一个字符串,并将其显示给用户并等待用户关闭对话框

    该方法包含默认的String()隐式类型转换,非字符串类型会被转换为字符串

    <button id="btn">点击</button>
    <script>
      btn.onclick = function() {
        alert([1,2,3]); // 1,2,3
      }
    </script>
    

    alert()方法的参数可以用\n指定换行

    alert(第一行\n第二行)
    

    confirm()

    confirm()方法也接收一个字符串并显示给用户,该方法会返回一个布尔值,单击确定按钮返回true,单击取消按钮返回false

    <button id="btn">点击</button>
    <script>
      btn.onclick = function() {
        if(confirm('最近好吗')) {
          alert('点击了确定')
        }else{
          alert('点击了取消')
        }
      }
    </script>
    

    prompt()

    prompt()方法接收两个参数:显示给用户的提示文本、文本输入域的默认值(可选)。如果用户点击了“确认”按钮,则返回文本输入域的值;如果点击了“取消”按钮,则返回null

    <button id="btn">点击</button>
    <script>
      btn.onclick = function() {
        var result = prompt('你多大了?', '18')
        if(result !== null) {
          alert('哈哈,你' + result + '了')
        }else{
          alert('你取消了回答')
        }
      }
    </script>
    

    print()

    window.print()方法可以用来显示打印对话框

    <button id="btn">点击</button>
    <script>
      btn.onclick = function() {
        window.print()
      }
    </script>
    
    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    Golang 需要避免踩的 50 个坑(二)
    Golang 需要避免踩的 50 个坑1
    Golang两种执行流程以及区别
    go安装配置
    h5表单亲测
    HTML5-表单 自带验证
    后台日志实现
    jQuery Validate验证框架详解,提交前验证
    用cProfile做性能分析【转】
    tmux 如何翻页
  • 原文地址:https://www.cnblogs.com/yesyes/p/15352581.html
Copyright © 2011-2022 走看看