javascript入门笔记8-window对象

拼搏现实的明天。 2022-07-15 03:38 149阅读 0赞

## History 对象 ##

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

> 注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。

*语法：*

window.history.[属性|方法]

*History 对象属性*

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>length</td> 
   <td>返回浏览器历史列表的URL数量</td> 
  </tr> 
 </tbody> 
</table>

*History 对象方法*

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>back()</td> 
   <td>加载history前一个url</td> 
  </tr> 
  <tr> 
   <td>forward()</td> 
   <td>加载history下一个url</td> 
  </tr> 
  <tr> 
   <td>go()</td> 
   <td>加载history某一个url</td> 
  </tr> 
 </tbody> 
</table>

例子

### 返回前一个页面： ###

window.history.back();

*或者*

window.history.go(-1);

### 返回下一个浏览的页面 ###

window.history.forward();

*或者*

window.history.go(1);

## Location对象 ##

location用于获取或设置窗体的URL，并且可以用于解析URL。  
*语法*

location.[属性|方法]

location 对象属性：

![5354b1d00001c4ec06220271.jpg][]

location 对象方法:

![5354b1eb00016a2405170126.jpg][]

## Navigator对象 ##

*对象属性*

![5354cff70001428b06880190.jpg][]

示例：

## screen对象 ##

screen对象用于获取用户的屏幕信息。

*语法：*

window.screen.属性

*d对象属性*  
![5354d2810001a47706210213.jpg][]

[5354b1d00001c4ec06220271.jpg]: /images/20220715/37e1e9fa86094a19b93743531b2b51d4.png
[5354b1eb00016a2405170126.jpg]: /images/20220715/8ec5311091f84f48a460b656c624679d.png
[5354cff70001428b06880190.jpg]: /images/20220715/c2ae8a3dddd5463e9a6bd1e17ba48450.png
[5354d2810001a47706210213.jpg]: /images/20220715/2ea8af04a7e04c7295c896f470ebaf34.png