zoukankan      html  css  js  c++  java
  • 笔记-JS高级程序设计-BOM篇

    BOM提供了很多对象,用于访问浏览器的功能。这些功能与任何网页无关。

    1BOM的核心对象是window,它代表浏览器的一个实例,它是通过JS访问浏览器窗口的一个借口,同时又是ECMAScript规定的global对象,因此我们在网页中定义的任何一个对象,变量和函数都是以window作为其global对象的(ES6规定,let,const,class定义的全局变量,不再是以window作为global)

    注意:定义的全局变量是不能通过delete操作符删除的,但是window对象上面定义的属性可以。

    2如果页面包含多个框架,则每个框架都拥有自己的window对象,并且保存在frames集合中。每个window对象都有name属性,通过top.frames[index],或者top.frames[name]来访问相对应的window对象,与top顶层想对应的是parent,该对象指向的始终是当前框架的直接上层框架。

    3screenLeft 与screenTop :分别表示浏览器窗口相对于电脑屏幕的左侧与顶部的距离,screenX与screenY,是相对于不同的浏览器而言。不能跨浏览器取到值,存在兼容,但是moveTo()与moveBy可以精准的将窗口移动到一个新位置

    4窗口大小:

    innerWidth,innerHeight   Opera 表示容器中视图的大小,(减去了边框宽度) 

    outerWidth:,outerHeight 浏览器窗口本身的宽和高

    注意1: Chrome中,innerWidth == outerWidth 他们宽高相等,即都返回的是页面视图的大小,而不是浏览器窗口的大小。

    注意2:document.documentElement.clientWidth,document.documentElement.clientHeight中保存了页面视口的信息,这些属性必须在标准模式下 IE6

      混合模式下,document.body.clientWidth,document.body.clientHeigth 取得相同的信息 IE6

      Chrome的混杂模式,两种方式都可以

    5setTimeout超时调用(执行一次),相当于一个定时炸弹一样,该方法会返回一个数值Id,clearTimeout(id)可以在未执行之前来达到清除的作用;

    setInterval()间歇性调用(多次执行),clearInterval(id)可以取消间隙性的调用;

    6location对象是最有用的BOM对象之一,他提供了与当前窗口中加载的文档的信息,他既是window对象的属性,也是document对象的属性,

    7navigator对象存储着客户端浏览器的信息,

    不忘初心,不负梦想
  • 相关阅读:
    [NOI2003][bzoj1507] 文本编辑器 editor [splay]
    GDKOI 游记
    [填坑完毕] 寒假作业计划
    省选算法学习-数据结构-splay
    NOIP2017游记
    真·总结
    赛前
    十一黄(xun)金(lian)周感想
    9.17 模拟赛
    9.14 模拟赛
  • 原文地址:https://www.cnblogs.com/panrui1994/p/9002158.html
Copyright © 2011-2022 走看看