location对象

一.什么是location对象

window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。

二.URL的组成

统一资源定位符(Uniform Resource Locator, URL)是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

URL 的一般语法格式为︰

 

三.location对象的属性

 

 重点记住: href和search

location对象提供的search属性返回URL中的参数，通常用于在向服务器查询信息时传入一些查询条件，如页码，搜索关键字，排序方式等

四.五秒钟之后跳转页面

案例分析：

1.利用定时器做倒计时效果
2.时间到了，就跳转页面。使用location.href

五. 获取URL参数

1.第一个登录页面，里面有提交表单，action提交到index.html页面

 

2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果第二个

3.页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search参数

4.在第二个页面中，需要把这个参数提取。

5.第一步去掉?  利用substr

6.第二步利用=号分割键和值split( '= )

效果图：

 

 

 六.location常用方法

assign （）方法是比较常用的方式,使用location. assign（）就可以立即打开一个新的浏览器位置,并生成一条新的历史记录。接收的参数为 URL地址。

reload (）方法的唯一参数，是一个布尔类型值，将其设置为 true时,它会绕过缓存,从服务器上重新下载该文档，类似于浏览器中的刷新页面”按钮。

replace(）方法的作用就是使浏览器位置发生改变,并且禁止在浏览器历史记录中生成新的记录,它只接受一个要导航到的URL参数,而且在调用 replace()方法后,用户不能返回到前一个页面。

 navigator对象

navigator对象包含有关浏览器的信息，它有很多属性，我们最常用的是userAgent，该属性可以返回由客户机发送服务器的user-agent头部的值。
下面前端代码可以判断用户那个终端打开页面，实现跳转

 history对象

window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中)访问过的URL。

 

 

 history对象一般在实际开发中比较少用，但是会在一些OA办公系统中见到。