目录

1、location对象定义

2、location对象的属性

3、实例演练

5秒页面跳转练习 

 获取页面参数数据

 4、常见对象方法

5、navigator对象

6、history对象

1、location对象定义

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

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

2、location对象的属性

window.location对象可以不带window前缀书写 

location.href	获取设置跳转url
location.host	获取主机域名，www.baidu.com
location.port	获取端口号，如果未写返回，空字符串
location.pathname	返回当前页面的路径或文件名
location.search	返回参数，比如：?id=1&name=zs
location.hash	返回片段，#后面内容，常用于锚链接
location.assign	加载新文档
location.protocol	通信协议，常用的http，ftp,maito等

 重点记住location.href 和  location.search这两个。 "?"可以通过字符串的形式去除

3、实例演练

5秒页面跳转练习 

发送
    
    

  

 获取页面参数数据

页面1

    
    
    
    


    

        用户名
        
    
 
   

页面2

 4、常见对象方法

location.assign( )	可跳转页面（重定向页面）
location.replace( )	替换当前页面，不记录历史，无法后退
location.reload( )	刷新页面f5, 参数为true为强制刷新ctrl+f5

  

		跳转qn页面
		点击刷新页面
		

5、navigator对象

navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。

下面前端代码可以判断用户那个终端打开页面，实现跳转

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
			console.log("手机端");
 } else {
			console.log("PC端");
 }

6、history对象

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

history.back( )	后退功能
history.forward( )	前进功能
go(参数）	前进后退功能，如果是1，就前进一个页面；-1就后退一个页面

示例：

创建3个页面，第二个页面来实现前进和后退功能

history1页面

    
    
    
    
    


    我是history1.html页面
    跳转到history2.html页面

history2页面

    
    
    
    


    history3.html
    
    

    

history3页面

    
    
    
    


    我是history3.html页面
    

三个页面如图示：

 操作过程先打开history1页面的超链接到2页面，在通过2页面的超链接跳转到3页面；再通过浏览器窗口的后退键退回到2页面窗口。这是通过2页面的前进和后退按钮来实现跳转页面的功能。