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