博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS系列之BOM
阅读量:5813 次
发布时间:2019-06-18

本文共 1611 字,大约阅读时间需要 5 分钟。

BOM

BOM Browser Object Model, 浏览器对象模型

图片描述

window

window对象是js中的顶级对象,所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。

window.open(): 打开新窗口window.close(): 关闭当前窗口window.moveTo(): 移动当前窗口window.resizeTo(): 调整当前窗口的尺寸window.onload(): 当页面加载时window.onscroll(): 当页面滚动时window.onresize(): 页面重新定义大小时
在浏览器中,每个标签具有自己的 window 对象 。也就是说,同一个窗口的标签之间不会共享一个 window 对象

frames

如果页面中包含框架,则每个框架都拥有自己的 window 对象,并且保存在 frames 集合中。

在 frames 集合中,可以通过数值索引(从0开始,从左至右,从上到下)或者框架名称来访问相应的 window 对象。

每个 window 对象都有一个 name 属性,其中包含框架的名称。
                                                    

可以通过 window.frames[0] 或者 window.frames["topFrame"] 来引用上方的框架。

top
不过最好使用 top 来引用这些框架(top.frames[0]),因为 top 对象始终指向最高(最外)层的框架,也就是浏览器窗口。使用它可以确保在一个框架中正确地访问另一个框架。因为对于在一个框架中编写的任何代码来说,其中的 window 对象指向的都是那个框架的特定实例,而非最高层的框架。
parent
与 top 相对的另一个 window 对象是 parent。顾名思义,parent(父)对象始终指向当前框架的直接上层框架。在某些情况下,parent 有可能等于 top;但在没有框架的情况下,parent 一定等于 top(此时它们都等于 window)。
self
与框架有关的最后一个对象是 self,它始终指向 window;实际上,self 和 window 对象可以互换使用。引入 self 对象的目的只是为了与 top 和 parent 对象对应起来,因此它不格外包含其他值。

所有这些对象都是 window 对象的属性,可以通过 window.parent、window.top 等形式来访问。同时,这也意味着可以将不同层次的 window 对象连缀起来,例如 window.parent.parent.frames[0]。

location

图片描述

Navigator

navigator对象就是判断用户的浏览器以及操作系统。

navigator.appName: 浏览器名称navigator.appVersion: 浏览器版本navigator.language: 浏览器设置的语言navigator.platform: 操作系统类型navigator.userAgent:浏览器设定的User-Agent字符串

History

图片描述

history forward(): 方法加载历史列表中的下一个 URL,这与在浏览器中点击后退按钮是相同的history.back(): 方法加载历史列表中的前一个 URL,这与在浏览器中点击前进按钮是相同的history.go(): 方法可以在用户的历史记录中任意跳转,可以向后也可以向前

screen

图片描述

Screen 对象中存放着有关显示浏览器屏幕的信息。

screen.width: 屏幕宽度,以像素为单位screen.availWidth: 屏幕的可用宽度,以像素为单位screen.height: 屏幕高度,以像素为单位

转载地址:http://fptbx.baihongyu.com/

你可能感兴趣的文章
像这样的高额授权费在业界并不常见
查看>>
jquery validate验证
查看>>
我的友情链接
查看>>
火狐和IE都支持的回车事件代替按钮click事件
查看>>
推荐几本书
查看>>
批量实现多台服务器之间ssh无密码登录的相互信任关系
查看>>
mongodb中投票节点作用
查看>>
思科ACL详解
查看>>
mysql自动备份脚本及异地定时FTP
查看>>
使用Django开发一个图书管理系统------02-需求分析设计
查看>>
PMP知识要点(第六章)
查看>>
设计模式-Composite Pattern
查看>>
彻底明白IP地址——计算相关地址
查看>>
Vmware Workstation 安装Oracle Solaris 10
查看>>
《统一沟通-微软-实战》-7-配置-1-电话拨入式会议
查看>>
MySQL 5.7.17 Group Replication搭建
查看>>
手把手教你跑Larave框架实战笔记系列之二
查看>>
hibernateTools工具安装及使用总结(eclipse 3.6)
查看>>
Hyper-v学习(二),虚拟机实时迁移之Kerbors
查看>>
linux 环境下安装mysql----ubuntu
查看>>