您的位置:首页 > Web前端 > JavaScript

JS之浏览器对象

2016-01-14 21:47 621 查看
window对象

window对象是BOM的核心,window对象指当前的浏览器窗口。



新建一个窗口:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function open(){
window.open("http://www.baidu。com","_blank","height=400,width=600");
}

</script>
</head>
<body>
<form>
<input type="button" value="点击我,打开新窗口" onclick="open()" />
</form>
</body>
</html>

JavaScript 计时器



关于时间计时器,我有单独的一章,所以这里不详细介绍了,大家看看图片里的方法就好。

History 对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

History 对象属性:length   eg:window.history.length可以获得当前打开的窗口的浏览记录,你把这个窗口关掉以后再打开浏览器length就会变成0;

History 对象方法:
eg:window.history.forward();



这里可以加一下说明,go()函数里面加的参数是相对当前页面来说的,比如说:go(1),就是加载到下一个URL,相当于forward();go(-1)就相当于back()

Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL

location 对象属性:    eg:                               document.write(location.href);



location 对象方法:



Navigator对象

Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本



eg: var browser=navigator.appName;
var b_version=navigator.appVersion;
document.write("Browser name"+browser);
document.write("<br>");<span style="white-space:pre"> </span>大家用的浏览器不一样,结果也会不一样
document.write("Browser version"+b_version); 运行结果:Browser nameNetscape
<span style="white-space:pre">									</span>Browser version5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36 LBBROWSER

userAgent对象

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

<script type="text/javascript">
function validB(){
var u_agent = navigator.userAgent; ;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
</script>大家可以看看自己的浏览器是什么浏览器

screen对象

属性调用:window.screen.属性

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息