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. 吴裕雄--天生自然JAVA SPRING框架开发学习笔记：Spring CGLlB动态代理
			
    JDK 动态代理使用起来非常简单,但是它也有一定的局限性,这是因为 JDK 动态代理必须要实现一个或多个接口,如果不希望实现接口,则可以使用 CGLIB 代理. CGLIB(Code Generati ...
    
			
    2. 
						
  2. SASS - 操作符
			
    SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS  ...
    
			
    3. 
						
  3. flink和spark Streaming中的Back Pressure
			
    Spark Streaming的back pressure 在讲flink的back pressure之前,我们先讲讲Spark Streaming的back pressure.Spark Strea ...
    
			
    4. 
						
  4. 201771010123汪慧和《面向对象程序设计Java》第十六周实验总结
			
    一.理论部分 1.程序与进程的概念 ‐程序是一段静态的代码,它是应用程序执行的蓝本. ‐进程是程序的一次动态执行,它对应了从代码加载.执行至执行完毕的一个完整过程. ‐操作系统为每个进程分配一段独立的 ...
    
			
    5. 
						
  5. Json字符串转Java对象和List集合
			
    对象POJO和JSON互转 public class JsonUtil { /** * JSON 转 POJO */ public static <T> T getObject(Strin ...
    
			
    6. 
						
  6. mysql建表语句和数据类型
			
    1.创建表的完整语法 create table 表名( 字段名称 数据类型[(长度) 约束条件], 字段名称 数据类型[(长度) 约束条件] )   必须的:字段名 数据类型 表名 可选的:长度 约束 ...
    
			
    7. 
						
  7. 干货 | 京东云原生容器—SpringCloud实践（一）
			
    "云原生"成为近年热词并不是一种偶然,它不是一个软件,也不是一种框架,而是一堆理念集合,以及围绕这些理念所产生的一些最佳实践的工具.云原生天然就是作用于服务架构的,可以视作一个服务 ...
    
			
    8. 
						
  8. 吴裕雄--天生自然 JAVASCRIPT开发学习： 闭包
			
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
    
			
    9. 
						
  9. 为什么常用 Map<> map = new HashMap()
			
    在初学Java的时候,经常能看到教材上的写法,使用了接口Map来引用一个map,而不是它的具体实现,那么这样做的好处是什么呢? <Effective Java>第52条:通过接口引用对象  ...
    
			
    10. 
						
  10. oi笔记——抽象的深度优先搜索
			
    oi笔记--抽象的深度优先搜索 例题: \(N个数中选K个数,选出的和要为sum\) 例题分析: 对于每个点,我们可以按"选"和"不选"进行搜索,如图: 或者0 ...
    
			
    11.