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办公系统中见到。