BOM浏览器对象模型

Posted 2020-08-22 朱两边

 

---

1.navigator :保存浏览器配置信息的对象

---

 

常用 navigator.plugins: 显示浏览器中所有插件信息的集合

      navigator.cookieEnabled: 判断是否开启cookie 

      navigator.userAgent : 判断浏览器的名称和版本号

获取浏览器版本号函数：

var br=navigator.userAgent.toLowerCase();  
var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, ‘0‘])[1];

浏览器名称判断函数：

function userBrowser(){  
	var browserName=navigator.userAgent.toLowerCase();  
	if(/msie/i.test(browserName) && !/opera/.test(browserName)){  
	    colsole.log("IE");  
	    eturn ;  
	}else if(/firefox/i.test(browserName)){  
	    colsole.log("Firefox");  
	    return ;  
	}else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){  
	    colsole.log("Chrome");  
	    return ;  
	}else if(/opera/i.test(browserName)){  
	    colsole.log("Opera");  
	    return ;  
	}else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){  
	    colsole.log("Safari");  
	    return ;  
	}else{  
	    colsole.log("unKnow");  
	}  
}  
 userBrowser();

 

---

2.screen：保存显示屏幕的对象信息

---

 

常见：

window.screen.availWidth: 返回当前屏幕可用宽度。

window.screen.availHeight: 返回当前屏幕可用高度 。

window.screen.width: 返回当前屏幕宽度。

window.screen.height: 返回当前屏幕高度。

---

 

3.history：保存当前的历史记录栈

---

 

常用：

回退页面：history.back() 或 history.go(-1)；

刷新页面：history.go(0)；

前进页面：history.forward() 或 history.go(1)；

查看历史页面数：history.length；

---

 

4.loaction:指代当前窗口正在访问额url地址对象

---

 

常用方法：

location.assign(‘url‘)：加载新的文档。可以历史前进后退。location.assign(location)可实现当前页刷新。

location.replace(‘url‘)：用新的文档替换当前文档。不可以历史前进后退。location.replace(location)可实现当前页刷新。

location.reload()： 重新加载当前文档，当前页刷新。如果参数为true，则直接重新从服务器获取；参数为false，则先从会用HTTP头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload()会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。

除以上外，location = location 也可以用来实现当前页刷新。

常用属性：

location.href：设置或返回完整的 URL。

location.protocol：设置或返回当前 URL 的协议。

location.host：设置或返回主机名和当前 URL 的端口号。

location.hostname：设置或返回当前 URL 的主机名

location.port：设置或返回当前 URL 的端口号。

location.pathname：设置或返回当前 URL 的路径部分。

location.hash：设置或返回从井号 (#) 开始的 URL（锚）。

location.search：设置或返回从问号 (?) 开始的 URL（查询部分）。