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);

<script type="application/javascript">

    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")

        }
    }

</script>
<body>
<h1>购物车</h1>
<hr/>
<ul>
    <li>商品1</li>
    <li>商品2</li>
    <li>商品3</li>
</ul>
<button onclick="confirmBuy();">确认付款</button>
</body>


<script type="application/javascript">

  /*  window.onload = function(){
        window.setTimeout(closeSelf,1000);
    }

    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;

    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();
        }
    }

  function stopTask(){
      window.clearInterval(taskid);
  }
  function goonTask(){
      taskid = window.setInterval(closeSelf,1000);
      console.log(taskid)
  }

</script>




<body>

付款成功，页面将在<span id="sec">10</span>s后关闭。
<button onclick="stopTask()">稍等，待会我会自己关闭</button>
<button onclick="goonTask()">继续读秒，关闭窗口</button>

</body>


 
												


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

    
								
  1. BOM  （Browser Object Model）  浏览器对象模型
		
    l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...
    
		
    2. 
						
  2. 浏览器对象模型BOM（Browser Object Model）
		
    1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是w ...
    
		
    3. 
						
  3. BOM—浏览器对象模型（Browser Object Model）
		
     1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser  ...
    
		
    4. 
						
  4. 认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。元素、属性和文本的树结构（节点树）。
		
    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码 ...
    
		
    5. 
						
  5. 浏览器对象模型（BOM，Browser Object Model）
		
    本文内容     1.概述     2.windows与document     3.对话框     4.定时调用     5.URL解析与访问历史     6.浏览器和屏幕信息 ★概述     &q ...
    
		
    6. 
						
  6. 文本对象模型（Document Object Model）
		
    本文内容: 1. 概述 2. DOM中的节点类型 3. DOM节点的选取 4. 存取元素属性 5.DOM元素的增删 6.小结 ★ 概述 文本对象模型(DOM)是一个能够让程序和脚本动态访问和更新文档内 ...
    
		
    7. 
						
  7. Selenium的PO模式（Page Object Model）[python版]
		
     Page Object Model 简称POM  普通的测试用例代码: .... #测试用例 def test_login_mail(self): driver = self.driver driv ...
    
		
    8. 
						
  8. Selenium的PO模式（Page Object Model）|(Selenium Webdriver For Python)
		
            研究Selenium + python 自动化测试有近两个月了,不能说非常熟练,起码对selenium自动化的执行有了深入的认识. 从最初无结构的代码,到类的使用,方法封装,从原始函数 ...
    
		
    9. 
						
  9. 领域对象模型（domain object model）
		
    在Play程序中,模型(model)占据了核心地位.它是程序操作的信息的特定领域的表现方式. Martin Fowler这样定义模型: 负责表达业务概念,业务状态信息以及业务规则.尽管保存业务状态的技 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SASS - 语法
			
    SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS  ...
    
			
    2. 
						
  2. day23(023-递归练习)
			
    23.01_File类递归练习(统计该文件夹大小) * 需求:1,从键盘接收一个文件夹路径,统计该文件夹大小(字节?) * * 从键盘接收一个文件夹路径 * 1,创建键盘录入对象 * 2,定义一个无限 ...
    
			
    3. 
						
  3. 代码神器：拒绝重复编码，这款IDEA插件了解一下.....
			
    作者:HeloWxl www.jianshu.com/p/e4192d7c6844 Easycode是idea的一个插件,可以直接对数据的表生成entity.controller.service.da ...
    
			
    4. 
						
  4. 使用 prototype 定义方法和属性
			
    除了可以在类的构造器方法中定义方法和属性外,也可以使用 prototype 定义方法和属性.每个类都有这个属性,该属性是一个静态属性,因此无需实例化,只需使用类引用该属性即可. 1.1 使用 prot ...
    
			
    5. 
						
  5. HttpServletRequest 的常用属性说明
			
    HttpServletRequest 的常用属性总是被窝遗忘,人老了记性就不好.所以做个笔记,方便以后查看. 测试地址:http://127.0.0.1:8080/Test/test getConte ...
    
			
    6. 
						
  6. POJ 1062：昂贵的聘礼
			
    昂贵的聘礼 Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 40715   Accepted: 11839 Descripti ...
    
			
    7. 
						
  7. 读书笔记 - js高级程序设计 - 第七章 函数表达式
			
      闭包 有权访问另一个函数作用域中的变量的函数 匿名函数 函数没有名字 少用闭包 由于闭包会携带包含它的函数的作用域,因此会比其它函数占用更多的内存.过度使用闭包可能会导致内存占用过多,我们建议读者 ...
    
			
    8. 
						
  8. HashMap实现原理(jdk1.7)，源码分析
			
    HashMap实现原理(jdk1.7),源码分析 ​ HashMap是一个用来存储Key-Value键值对的集合,每一个键值对都是一个Entry对象,这些Entry被以某种方式分散在一个数组中,这个数 ...
    
			
    9. 
						
  9. github新建一个单页
			
    比如可以在github上打开的网页是这种网址形式的:https://01xunsicheng.github.io/yumeihua/ 1.登录后首页找到 New repository 2.新建一个文件 ...
    
			
    10. 
						
  10. Vue.js——4.指令 笔记
			
    v-cloak:解决网速延迟 闪烁问题v-text=msg: 和{{}}表达式一样,没有闪烁问题,但是前后不能加别的,覆盖原本的内容 innerTextv-html=msg:innerHtml,一样可 ...
    
			
    11.