BOM（Broswer Object Model）

方法：
    框窗
    　　1.警告框
  　　  window.alert("msg");
 　　   2.确认框
　　    window.confirm("msg");
　　    3.询问框
  　　  window.prompt("msg","defaulvalue")

　　 var result = window.prompt("请输入密码","例如:132456")
    页面
   　　 1.打开一个窗口
  　　  window.open()
  　　  2.在子窗口中使用，表示父窗口的window对象
   　　 window.opener
  　　  3.关闭当前窗口
  　　  window.close()
定时任务
  　　  1.定时任务
   　　 var taskid = window.setTimeout(function,ms);
   　　 2.间隔执行任务
   　　 var taskid = window.setInteval(function,ms);
  　　  3.清除定时任务
   　　 window.clearTimeout(taskid);
  　　  4.清除间隔执行任务
  　　  window.clearInteval(taskid);

  1. <script type="application/javascript">
  2.  
  3.     function confirmBuy(){
            var flag = window.confirm("您确定要付款吗？")
            if(flag){
                //付款成功
                window.open("success.html",'success',"height=300,width=500,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
  4.  
  5.         }
        }
  6.  
  7. </script>
  1. <body>
    <h1>购物车</h1>
    <hr/>
    <ul>
        <li>商品1</li>
        <li>商品2</li>
        <li>商品3</li>
    </ul>
    <button onclick="confirmBuy();">确认付款</button>
    </body>
  1.  
  1. <script type="application/javascript">
  2.  
  3.   /*  window.onload = function(){
            window.setTimeout(closeSelf,1000);
        }
  4.  
  5.     function closeSelf(){
            var secval = document.getElementById("sec").innerHTML
            var secint = parseInt(secval);
            document.getElementById("sec").innerHTML = --secint;
            if(secint == 0){
                window.close();
            }
            window.setTimeout(closeSelf,1000)
        }*/
        var taskid = 0;
  6.  
  7.     window.onload = function(){
            taskid = window.setInterval(closeSelf,1000)
        }
        function closeSelf(){
            var secval = document.getElementById("sec").innerHTML;
            var secint = parseInt(secval)
            document.getElementById("sec").innerHTML = --secint;
            if(secint == 0){
                window.close();
            }
        }
  8.  
  9.   function stopTask(){
          window.clearInterval(taskid);
      }
      function goonTask(){
          taskid = window.setInterval(closeSelf,1000);
          console.log(taskid)
      }
  10.  
  11. </script>
  1.  
  1. <body>
  2.  
  3. 付款成功，页面将在<span id="sec">10</span>s后关闭。
    <button onclick="stopTask()">稍等，待会我会自己关闭</button>
    <button onclick="goonTask()">继续读秒，关闭窗口</button>
  4.  
  5. </body>
  1.  

BOM（Broswer Object Model）的更多相关文章

  1. BOM （Browser Object Model） 浏览器对象模型

    l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...

  2. 浏览器对象模型BOM（Browser Object Model）

    1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是w ...

  3. BOM—浏览器对象模型（Browser Object Model）

     1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser ...

  4. 认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。元素、属性和文本的树结构（节点树）。

    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码 ...

  5. 浏览器对象模型（BOM，Browser Object Model）

    本文内容     1.概述     2.windows与document     3.对话框     4.定时调用     5.URL解析与访问历史     6.浏览器和屏幕信息 ★概述     &q ...

  6. 文本对象模型（Document Object Model）

    本文内容: 1. 概述 2. DOM中的节点类型 3. DOM节点的选取 4. 存取元素属性 5.DOM元素的增删 6.小结 ★ 概述 文本对象模型(DOM)是一个能够让程序和脚本动态访问和更新文档内 ...

  7. Selenium的PO模式（Page Object Model）[python版]

     Page Object Model 简称POM  普通的测试用例代码: .... #测试用例 def test_login_mail(self): driver = self.driver driv ...

  8. Selenium的PO模式（Page Object Model）|(Selenium Webdriver For Python)

            研究Selenium + python 自动化测试有近两个月了,不能说非常熟练,起码对selenium自动化的执行有了深入的认识. 从最初无结构的代码,到类的使用,方法封装,从原始函数 ...

  9. 领域对象模型（domain object model）

    在Play程序中,模型(model)占据了核心地位.它是程序操作的信息的特定领域的表现方式. Martin Fowler这样定义模型: 负责表达业务概念,业务状态信息以及业务规则.尽管保存业务状态的技 ...

随机推荐

  1. POJ 1035：Spell checker

    Spell checker Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 22574   Accepted: 8231 De ...

  2. OpenSSL加密证书

    用于建立安全站点的工具,颁发证书,例如https,ftps等 默认配置文件: [root@bogon CA]# cat /etc/pki/tls/openssl.cnf [ CA_default ] ...

  3. C++ STD Gems02

    remove.remove_if.replace.replace_if.remove_copy_if.unique #include <iostream> #include <str ...

  4. CAD快捷键大全

  5. Java并发分析—synchronized

    在计算机操作系统中,并发在宏观上是指在同一时间段内,同时有多道程序在运行. 一个程序可以对应一个进程或多个进程,进程有独立的存储空间.一个进程包含一个或多个线程.线程堆空间是共享的,栈空间是私有的.同 ...

  6. （综合）P2089 烤鸡

    题解: 错误的: #include<stdio.h>int n,ret=0,a[10000][10];int p(int c,int s){ int i; for(i=1;i<=3; ...

  7. MyBatis中foreach传入参数为数组

    一.当只有一个参数,并且这个参数是数组时 接口方法的参数不需要添加@Param注释,collection="array" 示例 接口的方法 void deleteMulti(Str ...

  8. Mybatis实现联合查询（六）

    1. 疑问 在之前的章节中我们阐述了如何用Mybatis实现检查的查询,而我们实际的需求中,绝大部分查询都不只是针对单张数据表的简单查询,所以我们接下来要看一下Mybatis如何实现联合查询. 2. ...

  9. 吴裕雄--天生自然TensorFlow2教程：维度变换

    图片视图 [b, 28, 28] # 保存b张图片,28行,28列(保存数据一般行优先),图片的数据没有被破坏 [b, 28*28] # 保存b张图片,不考虑图片的行和列,只保存图片的数据,不关注图片 ...

  10. Java 创建类的过程

    创建对象过程: 堆分配父类空间 堆分类子类空间 属性初始化 调用构造方法(第一行是调用父类构造方法)