作者:紫夜丶月 | 来源:互联网 | 2020-07-23 23:17
本篇文章给大家带来的内容是关于Javascript中BOM的详细解析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
BOM
BOM Browser Object Model, 浏览器对象模型
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
screen.height: 屏幕高度,以像素为单位
以上就是Javascript中BOM的详细解析(附示例)的详细内容,更多请关注 第一PHP社区 其它相关文章!