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. [极客大挑战 2019]FinalSQL
			
    0x00 知识点 盲注 0x01 解题 根据题目提示盲注,随便点几下找到注入点 发现我们输入^符号成功跳转页面,证明存在注入 1^(ord(substr((select(group_concat(sc ...
    
			
    2. 
						
  2. 刷题32. Longest Valid Parentheses
			
    一.题目说明 题目是32. Longest Valid Parentheses,求最大匹配的括号长度.题目的难度是Hard 二.我的做题方法 简单理解了一下,用栈就可以实现.实际上是我考虑简单了,经过 ...
    
			
    3. 
						
  3. UVALive 3942 字典树+dp
			
    其实主要是想学一下字典树的写法,但这个题目又涉及到了DP:这个题目要求某些单词组成一个长子串的各种组合总数,数据量大,单纯枚举复杂度高,首先肯定是要把各个单词给建成字典树,但是之后该怎么推一时没想到. ...
    
			
    4. 
						
  4. 201709-1  打酱油 Java
			
    思路: 先看能不能买5瓶,因为送的最多,然后看能不能买3瓶,最后一瓶一瓶地买 import java.util.Scanner; public class Main { public static v ...
    
			
    5. 
						
  5. 吴裕雄--天生自然 JAVASCRIPT开发学习：测试 jQuery
			
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
    
			
    6. 
						
  6. String 字符串拼接
			
    字符串拼接有两个方法 第一中 var sad = "happy" var variable = "you"+sad +"" variable ...
    
			
    7. 
						
  7. Python笔记_第四篇_高阶编程_进程、线程、协程_4.协程
			
    1.协程的概念: 子程序或者子函数,在所有语言中都是层级调用,比如A调用B,再B执行的过程中又可以调用C,C执行完毕返回,B执行返回,最后是A执行完毕返回.是通过栈来实现的,一个线程就是执行一个自称, ...
    
			
    8. 
						
  8. 操作实践，IDEA自定义toString()方法模板
			
    声明:迁移自本人CSDN博客https://blog.csdn.net/u013365635 Java POJO在日志中常会用于打印,经常会将POJO的内容全部或部分打印出来,所以POJO类的toSt ...
    
			
    9. 
						
  9. 产品对话 | 愿云原生不再只有Kubernete
			
    从2013年,云原生(Cloud Native)的概念由 Pivotal 的 MattStine 首次提出,到现在,其技术细节不断得到社区的完善.云原生逐渐演变出包括 DevOps.持续交付.微服务. ...
    
			
    10. 
						
  10. 吴裕雄--天生自然ShellX学习笔记：Shell 传递参数
			
    在执行 Shell 脚本时,向脚本传递参数,脚本内获取参数的格式为:$n.n 代表一个数字,1 为执行脚本的第一个参数,2 为执行脚本的第二个参数,以此类推…… 实例 以下实例我们向脚本传递三个参数, ...
    
			
    11.