常见的一些浏览器对象

女爷i 2022-06-07 06:54 663阅读 0赞

**自学的时候归类怕忘了在这简单记一笔**

**1.window对象**  
window对象是BOM的核心，window对象指当前的浏览器窗口。  
方法有：  
![window对象方法][window]

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

注:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。  
History对象属性  
![对象属性][53548c030001759e05840068.jpg]  
语法：window.history.length (window可以省略）  
History对象方法  
![这里写图片描述][53548c200001228206210123.jpg]  
back()相当于go(-1)  
forward()相当于go(1)

**3.Location对象**  
location用于获取或设置窗体的URL，并且可以用于解析URL。  
location对象属性图示:  
![location对象属性图示:][location]  
location 对象属性：  
![location 对象属性：][location 1]  
location 对象方法:  
![location 对象方法:][location 2]

**4.Navigator对象**  
Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。  
对象属性:  
![对象属性:][5354cff70001428b06880190.jpg]  
userAgent  
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法:navigator.userAgent  
几种浏览的user\_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。

![这里写图片描述][535a3a4a0001e03f06870189.jpg]

使用userAgentk可以判断使用的是什么浏览器

**5.screen对象**  
screen对象用于获取用户的屏幕信息。  
语法：window.screen.属性  
![这里写图片描述][5354d2810001a47706210213.jpg]

window.screen 对象包含有关用户屏幕的信息。  
1. screen.height 返回屏幕分辨率的高  
2. screen.width 返回屏幕分辨率的宽  
注意:  
1.单位以像素计。  
2. window.screen 对象在编写时可以不使用 window 这个前缀。  
获取屏幕的高和宽，代码如下:

屏幕可用高和宽度  
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。

screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。

注意:

不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

获取屏幕的可用高和宽度，代码如下：

注意:根据屏幕的不同显示值不同。

[window]: /images/20220607/ab8c128a13c844ce99352f04bbdf341c.png
[53548c030001759e05840068.jpg]: /images/20220607/2917d636bfdb4f85a7494f83987f4a2f.png
[53548c200001228206210123.jpg]: /images/20220607/d667851b2c1949d9aaa4902eb0e000b3.png
[location]: /images/20220607/0ec04ed8f3db4f509dd371264e54b8b8.png
[location 1]: /images/20220607/388bd1f5bba04a2c8eb4a71f28754c99.png
[location 2]: /images/20220607/d2f10bd1a39f4b09b35c92582388c2f9.png
[5354cff70001428b06880190.jpg]: /images/20220607/3f3a7ac0038d497d83dadf085e04fd10.png
[535a3a4a0001e03f06870189.jpg]: /images/20220607/3eb7207325444461b217592406123fb4.png
[5354d2810001a47706210213.jpg]: /images/20220607/f08ad7f7accb4d08ae0850fa50328281.png