Location

Location

window 的属性， 也是document 的属性。也就是说，window.location 和document.location 指向同一个对象

假设浏览器当前加载的URL 是

http://foouser:barpassword@www.wrox.com:80/WileyCDA/?q=javascript#contents

location 对象的内容如下表所示

属 性	值	说 明
location.hash(vue路由利用)	“#contents”	URL 散列值（井号后跟零或多个字符），如果没有则为空字符串
location.host	“www.wrox.com:80”	服务器名及端口号
location.hostname	“www.wrox.com”	服务器名
location.href	“http://www.wrox.com:80/WileyCDA/?q=javascript#contents”	当前加载页面的完整URL。location 的toString()方法返回这个值
location.pathname	/WileyCDA/	URL 中的路径和（或）文件名
location.port	“80”	请求的端口。如果URL中没有端口，则返回空字符串
location.protocol	http	页面使用的协议。通常是"http:“或"https:”
location.search	“?q=javascript”	URL 的查询字符串。这个字符串以问号开头
location.username	“foouser”	域名前指定的用户名
location.password	“barpassword”	域名前指定的密码
location.origin	“http://www.wrox.com”	URL 的源地址。只读

npm 配代理用户名/密码就是这形式

npm config set proxy http://username:password@server:port 
npm config set https-proxy http://username:password@server:port

URLSearchParams

URLSearchParams 提供了一组标准API 方法，通过它们可以检查和修改查询字符串。给URLSearchParams 构造函数传入一个查询字符串，就可以创建一个实例。这个实例上暴露了get()、set()和delete()等方法，可以对查询字符串执行相应操作。

let qs = "?q=javascript&num=10";
let searchParams = new URLSearchParams(qs);
alert(searchParams.toString()); // " q=javascript&num=10"
searchParams.has("num"); // true
searchParams.get("num"); // 10
searchParams.set("page", "3");
alert(searchParams.toString()); // " q=javascript&num=10&page=3"
searchParams.delete("q");
alert(searchParams.toString()); // " num=10&page=3"

大多数支持URLSearchParams 的浏览器也支持将URLSearchParams 的实例用作可迭代对象

let qs = "?q=javascript&num=10";
let searchParams = new URLSearchParams(qs);
for (let param of searchParams) {
console.log(param);
}
// ["q", "javascript"]
// ["num", "10"]

操作地址

assign(url)、window.location、location.href

可以通过修改location 对象修改浏览器的地址。首先，最常见的是使用assign()方法并传入一个URL，如下所示

location.assign("http://www.wrox.com");

如果给location.href 或window.location 设置一个URL，也会以同一个URL 值调用assign()方法,下面两行代码都会执行与显式调用assign()一样的操作

本质上还是调用assign()方法

window.location = "http://www.wrox.com";
location.href = "http://www.wrox.com";

除了hash 之外，只要修改location 的一个属性，就会导致页面重新加载新URL。

replace(url)

替换当前页面，上一个页面不会存在于历史记录中。使用replace()不能通过回退按钮，回退到上一页。

reload()

重新加载当前显示的页面，如果想强制从服务器重新加载，给reload()传个true

location.reload(); // 重新加载，可能是从缓存加载
location.reload(true); // 重新加载，从服务器加载