码迷,mamicode.com
首页 > 其他好文 > 详细

【BOM】浏览器对象模型

时间:2016-12-07 14:09:38      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:对象模型   href   else   参数   浏览器对象模型   hash   cas   主机名   msi   

 


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(查询部分)。

【BOM】浏览器对象模型

标签:对象模型   href   else   参数   浏览器对象模型   hash   cas   主机名   msi   

原文地址:http://www.cnblogs.com/zachary93/p/6140240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!