江苏龙网

  1. 首页 > 人文 > >

小机灵鬼|前端浏览器对象模型BOM常用对象用法介绍

前端浏览器对象模型BOM常用对象介绍 ， BOM即Broswer Object Model 浏览器对象模型 ， 在JavaScript中可以理解为window对象 ， 用来进行与浏览器相关的一些操作 ， 学习BOM就是学习 JavaScript中的window对象 。
小机灵鬼|前端浏览器对象模型BOM常用对象用法介绍一、window对象
BOM的核心对象是 window ， 它代表浏览器的一个实例 。 在浏览器中 ， window有着双重的角色：JavaScript访问浏览器的接口对象 ， ES中的Global对象意味着网页中的任何一个对象 ， 变量 ， 函数都是以window作为其Global对象 。
1、全局作用域 ， 在ECMAScript中 ， window对象扮演着Global对象的角色 ， 也就是说 ， 所有在全局作用域声明的变量 ， 函数都会变成window的属性和方法 ， 都可以通过 window.属性名（或方法名） 直接调 。
2、导航和打开窗口 ， 通过 window.open() 既可以导航到一个特定的URL ， 也可以打开一个新的浏览器窗口
二、location对象
[^location 是最有用的BOM对象之一 ， 它提供了与当前窗口中加载的文档有关的信息]: JavaScript高级程序设计 。
注: window.location 和 document.location?引用的是同一个对象 。 location 既是 window 对象的属性 ， 也是 document?对象的属性 。
三、 navigator对象
navigator 对象主要用来获取浏览器的属性 ， 区分浏览器类型；
navigator 对象属性较多 ， 且兼容性比较复杂 。
四、history对象
history 对象保存着用户上网的历史记录 ， 从窗口被打开的那一刻算起 ， 因为 history 是 window 对象的属性 ， 因此每个浏览器窗口 ， 每个标签乃至每个框架 ， 都有自己的 history对象与特定的 window 对象关联 。
总结浏览器对象模型BOM中常用的对象有navigator ， window, location, history
window既是 JavaScript 的全局对象 ， 也是BOM的一个实例 ， 所有的全局方法 ， 属性 ， BOM中的属性 ， 都可以通过 window. 来调用；
window作为BOM的实例 ， 最常用的几个方法分别是：window.open() ， window.close() ，， 分别用来打开和关闭浏览器窗口页面 ， 这里需要注意的是 ， 通过 open 方法打开的页面 ， 才能通过close 方法关闭；
location对象也是用的比较多的一个BOM对象 ， 主要用来操作URL相关的一些信息 ， 除了修改 Hash 之外的任何属性 ， 页面都会重新加载 ， 历史记录会多加一条历史记录；
location对象还有一个 reload() 方法用于手动重新加载页面 ， 该方法接收一个可选参数 ， 为 true 的时候表示从服务器重新加载 ， 否则可能从浏览器缓存中重新加载页面；
location对象 还有一个比较特殊的方法 ， location.replace() ， 该方法可以覆盖当前页面并重新加载 ， 同时不会在 history 中生成历史记录；
navigator对象主要用来获取浏览器相关的一些信息 ， 使用的时候需要注意兼容性 。 可以用来获取浏览器类（Chrome,safrai,FireFox,Edge,IE）等；
【小机灵鬼|前端浏览器对象模型BOM常用对象用法介绍】history对象主要用来操作浏览器URL的历史记录 ， 可以通过参数向前 ， 向后 ， 或者向指定URL跳转 。 可以通过 length 属性获取记录数 ， 判断当前页面是否是打开的首个页面；


    推荐阅读


    上一篇：空枝|业务面向广东地区，服务器托管需要注意什么？

    下一篇：像梦一样奔驰|微信可发520红包 七夕限定，你发了吗？