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. 送票啦~ | 京东云邀您参加AI顶级盛会GTC CHINA 2019
			
    本年度不可错过的AI顶级盛会 GTC CHINA2019 即将于12月16–19日在苏州举行 京东云重量级技术专家将携 AI前沿热议话题亮相 京东云相关AI最新动态,也会一并为您带上 小小剧透,快来看 ...
    
			
    2. 
						
  2. Thread--CountDownLatch & CyclicBarrier
			
    参考:http://www.importnew.com/21889.html CountDownLatch countDown() 方法执行完只是计数器减一, 并不会阻塞当前运行线程的的后续代码执行. ...
    
			
    3. 
						
  3. JSP三大指令（Page指令，include指令，taglib指令）
			
    参考文章: https://www.runoob.com/jsp/jsp-directives.html http://c.biancheng.net/view/1458.html https://b ...
    
			
    4. 
						
  4. 9.1hadoop 内置计数器、自定义枚举计数器、Streaming计数器
			
    1.1  计数器 计数器的作用是用来统计数量的,用于记录特定事件的次数,分为内置计数器.自定义java枚举计数器.自定义Stream计数器三大类.用于质量分析,或应用级统计.分析计数器的值比分析一堆日 ...
    
			
    5. 
						
  5. 牛逼了，用Python破解wifi密码
			
    Python真的是无所不能,原因就是因为Python有数目庞大的库,无数的现成的轮子,让你做很多很多应用都非常方便.wifi跟我们的生活息息相关,无处不在.今天从WiFi连接的原理,再结合代码为大家详 ...
    
			
    6. 
						
  6. textField 基本属性
			
    _textField.frame = CGRectMake(0, 0, 200, 50); _textField.delegate = self; _textField.text = str; [_t ...
    
			
    7. 
						
  7. 题解 P1019 【单词接龙】
			
    题目 单词具体是什么不重要,知道单词间如何转化即可 [分析] 先理清一下题意: \(n\)个单词,每个单词限用两次 上一个单词能与下一个单词接上,当且仅当上一个单词的末尾 \(k\) 个字符与下一个单 ...
    
			
    8. 
						
  8. selenium请求豆瓣网
			
    #请求豆瓣网 from selenium import webdriverimport timedriver = webdriver.Chrome() driver.get("http:// ...
    
			
    9. 
						
  9. 给锚点a标签添加滑动效果
			
    a标签是前端必用之一,但是a标签点击后马上跳到了href属性值处,有时候要达到滑动效果就要自己添加JavaScript 普通的a标签代码写好之后,在js脚本内加上 $("a").c ...
    
			
    10. 
						
  10. Split string every nth character?
			
    https://stackoverflow.com/questions/9475241/split-string-every-nth-character >>> line = '12 ...
    
			
    11.