javascript代码实例教程-JS学习笔记-BOM之window

发布时间:2019-01-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JS学习笔记-BOM之window脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

BOM:browserObjectModel,浏览器对象模型,提供JS中对浏览器的各种操作的对象,是JS应用中唯一没有相关标准的部分,这事BOM经常出现问题的所在,主要用于处理浏览器窗口与框架,浏览器特有的JS扩展也被默认为BOM的一部分,而各浏览器之间的公有对象就成了默认的标准。本篇文章将主要介绍window对象。

javascript代码实例教程-JS学习笔记-BOM之window


<"/kf/ware/vc/" target="_blank" class="keylink">vcD4KPGgxpsr00NQ8L2gxPgo8cD48L3A+CjxwPiAgICAgICDKwL3nyc+xvsO709DEo9DNo6zTw7XEtuDBy9Kyvs2zycHLxKPQzaGjxKPQzbHjysfSu7j2v8m5qbLOv7y1xLarzvejrEJPTdbQtcTSu8+1wdDNqNPDtcS21M/zseO5ubPJwcvV4rj2xKPQzaOSXuS94bm5v8nVucq+zQQjujxpbWcgc3JjPQ=="/uploaDFile/Collfiles/20140609/20140609091503375.jpg" hspace="50" alt="/">

window的六大属性,同时它们也是对象:

document主要操作web加载的网页文档;

frames为窗口框架对象数组;

history保存用户上网记录;

location提供加载的文档有关信息以及控制页面跳转;

navigator对象存储浏览器名称及版本信息;

screen显示屏幕相关信息。

其中document对象属性下也有几个重要的属性对象,以document为核心的对文档进行操作的各个对象组成的结构便是大家所熟悉的DOM,从这一点看来,DOM其实是BOM的一个子集.

window对象除了提供了旗下的六大对象属性外,还拥有设置浏览器信息的一些基本属性,主要如下

javascript代码实例教程-JS学习笔记-BOM之window



我们经常需要过去浏览器的位置及大小信息,由于BOM没有统一的标准,针对不同浏览器会有不同的属性进行实现,这时候我们就需要做些跨浏览器的兼容性操作,使得针对不同浏览器都能够获取对象的数据。

通过使用tyPEof属性来判断浏览器是否支持对应的属性,进而采用不同的措施便是很好的兼容性操作的方法,以后可针对具体情况进行应用。

方法

window对象提供的几个主要方法如下图:

javascript代码实例教程-JS学习笔记-BOM之window


图中对方法进行了简单的分类,每个方法再往下分便是参数了,返回&#20540;依各自的情况不同而不同。见名知意,方法名也不例外,看到了这些方法的名称,其实际作用估计也已猜到了一,在此便不再详细说明。

window对象也提供了另外的一些方法:focus()/blur()、对应open()的close()方法、scroll()滚动至指定像素点位置、PRint()/find()分别调出打印对话框以及查找对话框。

总结

BOM,实际上是一组对象的集合,而window是这组对象的核心,了解了它,对整个浏览器对象模型也就有了结构以及作用上的认识。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JS学习笔记-BOM之window全部内容,希望文章能够帮你解决javascript代码实例教程-JS学习笔记-BOM之window所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。