JS之浏览器对象

最新推荐文章于 2022-09-28 11:57:54 发布

greenHandCh

最新推荐文章于 2022-09-28 11:57:54 发布

阅读量468

点赞数

文章标签：浏览器对象 javascript html

本文链接：https://blog.youkuaiyun.com/greenHandCh/article/details/50520457

版权

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="点击我，打开新窗口" οnclick="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.属性