BOM

●理解widow对象--BOM的核心

●控制窗口、框架和弹出窗口

●利用location对象中的页面信息(location和navigator都是window对象的属性)

●使用navigator对象了解浏览器

BOM的核心对象是window,它表示浏览器的一个实例。

所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。但定义全局变量和在window对象上直接定义属性还是有一点差别的,如下代码所示:

全局变量(age)不能通过delete操作符删除,而直接在window对象上的定义的属性可以

!!!作用:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的变量是否存在,例如:

==》窗口位置

用来确定和修改window对象位置的属性和方法有很多:

返回窗口相对于屏幕左边和上边的位置:screenLeft和screenTop属性(Firefox浏览器使用screenX和screenY属性)

-->夸浏览器解决方法:

二元操作符

-->精确地移动窗口:

moveTo()接收两个参数,分别是新位置的x和y坐标值

moveBy()接收的是在水平和垂直方向上移动的像素

==》窗口大小

-->innerWidth、innerHeight、outerWidth和outerHeight

document.documentElement.clientWidth和document.documentElement.clientHeight

document.body.clientWidth和document.body.clientHeight

获取页面视口大小

-->调整浏览器窗口的大小

resizeTo()接受浏览器窗口的新宽度和新高度

resizeBy()接受新窗口和原窗口的宽度和高度之差

==》导航和打开窗口

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 236评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    源大侠阅读 634评论 0 0
  • 两颗中子星的融合或者相撞让远在浩渺宇宙中的一个角落中的人类惊喜莫名——因为引力波的再次被探测到。 看到这个消息的人...
    众心无相阅读 747评论 0 2
  • 今天太晚了,明天把六月计划补上。
    sharemy的简书阅读 139评论 1 1
  • 每个人都是一个舞者,在自己人生的舞台上长袖善舞,泼墨挥毫。或许没有镁光灯,也没有观众,但我们都认真而努力的诠...
    秀英阅读 726评论 15 34