资讯专栏INFORMATION COLUMN

JS系列之BOM

edagarli / 501人阅读

摘要:顾名思义,父对象始终指向当前框架的直接上层框架。与框架有关的最后一个对象是,它始终指向实际上,和对象可以互换使用。同时,这也意味着可以将不同层次的对象连缀起来,例如。对象就是判断用户的浏览器以及操作系统。

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: 屏幕高度,以像素为单位

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108786.html

相关文章

  • 【JavaScript】DOMBOM

    摘要:是什么提供了独立页面内容,与浏览器相关的一系列对象,管理窗口之间通信对象具有双重角色,对象即是允许访问浏览器窗口的一个对象,和规范中的全局对象,在浏览器运行逻辑时,在全局作用域定义的对象,变量和函数该表单已被提交对象的属性中其他对象是作为对 BOM 1.BOM是什么 提供了独立页面内容,与浏览器相关的一系列对象,管理窗口之间通信 2.Window对象 具有双重角色,对象即是允许JS访问...

    leanxi 评论0 收藏0
  • 【JavaScript】DOMBOM

    摘要:是什么提供了独立页面内容,与浏览器相关的一系列对象,管理窗口之间通信对象具有双重角色,对象即是允许访问浏览器窗口的一个对象,和规范中的全局对象,在浏览器运行逻辑时,在全局作用域定义的对象,变量和函数该表单已被提交对象的属性中其他对象是作为对 BOM 1.BOM是什么 提供了独立页面内容,与浏览器相关的一系列对象,管理窗口之间通信 2.Window对象 具有双重角色,对象即是允许JS访问...

    QiuyueZhong 评论0 收藏0
  • Javascript学习总结 - JS基础系列

    摘要:案例每隔毫秒调用函数并显示时间。当点击按钮时,停止时间代码如下计时器每隔毫秒调用函数,并将返回值赋值给计时器计时器,在载入后延迟指定时间后去执行一次表达式仅执行一次。该值标识要取消的延迟执行代码块。 简述 本系列将持续更新Javascript基础部分的知识,谁都想掌握高端大气的技术,但是我觉得没有一个扎实的基础,我认为一切高阶技术对我来讲都是过眼云烟,要成为一名及格的前端工程师,必须把...

    zlyBear 评论0 收藏0
  • 前端应该知道的基本知识

    摘要:所有我们不熟悉或者没有掌握的知识皆可称之为知识盲区,有知识盲区并不可怕,针对知识盲区去学习即可。只有这样,我们才会准确知道自己的知识盲区所处何处,以及发现更多的知识盲区。节点对应的对象是,其他的具体节点对象全都是继承自对象。 前端时间在部门内进行分享,准备素材时偶然发现下面的一个现象,因为和当时分享的主题无关,就先记下来了,事后重新审视,并把一些思考记录如下: 一、问题 HTML: ...

    2bdenny 评论0 收藏0
  • Deep in JS - 收藏集 - 掘金

    摘要:今天同学去面试,做了两道面试题全部做错了,发过来给道典型的面试题前端掘金在界中,开发人员的需求量一直居高不下。 排序算法 -- JavaScript 标准参考教程(alpha) - 前端 - 掘金来自《JavaScript 标准参考教程(alpha)》,by 阮一峰 目录 冒泡排序 简介 算法实现 选择排序 简介 算法实现 ... 图例详解那道 setTimeout 与循环闭包的经典面...

    enali 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<