location对象及history对象

 history对象

location 是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是很特别的一个对象，因为它既是window 对象的属性，也是document 对象的属性；换句话说，window.location 和document.location 引用的是同一个对象。

一、所有属性：

hash 　　　　　　"#contents" 　　　　　　返回URL中的hash（#号后跟零或多个字符），如果URL中不包含散列，则返回空字符串

host　　　　　　 "www.wrox.com:80" 　　返回服务器名称和端口号（如果有）

hostname 　　　"www.wrox.com" 　　　　返回不带端口号的服务器名称

href 　　　　　　"http:/www.wrox.com" 　返回当前加载页面的完整URL。而location对象的toString()方法也返回这个值

pathname 　　　"/WileyCDA/" 　　　　　　返回URL中的目录和（或）文件名port "8080" 返回URL中指定的端口号。如果URL中不包含端口号，则这个属性返回空字符串

protocol 　　　　"http:" 　　　　　　　　　返回页面使用的协议。通常是http:或https:search "?q=javascript" 返回URL的查询字符串。这个字符串以问号开头

 

二、路由操作

location.assign(URL);

将location.href或window.location 设置为一个URL 值，也会以该值调用assign()方法

 

 

history的路由跳转

一、go（）函数

1.前进和后退

//后退一页
history.go(-1);
//前进一页
history.go(1);
//前进两页
history.go(2);

2.跳转到固定页面

//跳转到最近的wrox.com 页面
history.go("wrox.com");
//跳转到最近的nczonline.net 页面
history.go("nczonline.net");

 

二、back()和forward()方法

//后退一页
history.back();
//前进一页
history.forward();

转载于:https://www.cnblogs.com/yzg1/p/4832956.html