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. 微服务基础——厉害了！API网关
			
    微服务刚刚诞生的时候,人们将服务进行拆分,实现服务之间的松耦合,并且每个服务有专门的团队维护,然后客户端直接和各个子服务进行交互.比如,订单,商品,会员服务. 那么这种客户端直接和后端服务交互的方式会 ...
    
			
    2. 
						
  2. 吴裕雄--天生自然JAVA SPRING框架开发学习笔记：Spring CGLlB动态代理
			
    JDK 动态代理使用起来非常简单,但是它也有一定的局限性,这是因为 JDK 动态代理必须要实现一个或多个接口,如果不希望实现接口,则可以使用 CGLIB 代理. CGLIB(Code Generati ...
    
			
    3. 
						
  3. CodeForces - 131C The World is a Theatre（组合数）
			
    题意:已知有n个男生,m个女生.现在要选t个人,要求有至少4个男生,至少1个女生,求有多少种选法. 分析: 1.展开,将分子中的m!与分母中n!相约,即可推出函数C. #pragma comment( ...
    
			
    4. 
						
  4. continue break
			
    #!/bin/bashfor i in `seq 10`do    if ((i%3==0))    thenecho !!        continue    fiecho $idone 结果:  ...
    
			
    5. 
						
  5. Java编程知识点梳理
			
    1. elementAt()   temp.elementAt(0) 返回temp这个vector里面存放的第一个元素--->也是一个vector类型. 2. 字符串空格分割 String [] ...
    
			
    6. 
						
  6. sychronized和lock和区别
			
    syschronized和lock的区别 synchronized的锁可重入.不可中断.非公平,而Lock锁可重入.可中断.可公平.绑定多个Condition.(两者皆可重入)synchronized ...
    
			
    7. 
						
  7. Python连接Oracle问题
			
    Python连接Oracle问题 1.pip install cx_oracle 2.会出现乱码问题:     方法一:配置环境变量     export NLS_LANG="SIMPLIF ...
    
			
    8. 
						
  8. Map 查找表操作
			
    package seday13; import java.util.HashMap; import java.util.Map; /** * @author xingsir * java.util.M ...
    
			
    9. 
						
  9. django 过滤器-查询集-比较运算符-FQ对象-mysql的命令窗口
			
    """ 返回查询集的方法称为过滤器 all() 返回查询集中所有数据 filter() 返回符合条件的数据 一.filter(键=值) 二.filter(键=值,键=值) ...
    
			
    10. 
						
  10. LeetCode 543. Diameter of Binary Tree 二叉树的直径 (C++/Java)
			
    题目: Given a binary tree, you need to compute the length of the diameter of the tree. The diameter of ...
    
			
    11.