URL 信息

JavaScript 提供了许多方法来检索和更改显示在浏览器地址栏中的当前 URL，所有这些方法都使用Location对象，它是对象的一个​属性Window。

您可以创建一个具有当前URL的新对象，如下所示：

let loc = window.location; let url = loc.href;Location 属性

location属性

Location 接口不继承任何属性，但是实现了那些来自 URLUtils 的属性。

Location.href包含整个URL的一个DOMStringLocation.protocol包含URL对应协议的一个DOMString，最后有一个”:”。

Location.host包含了域名的一个DOMString，可能在该串最后带有一个”:”并跟上URL的端口号。

Location.hostname包含URL域名的一个DOMString。

Location.port包含端口号的一个DOMString。

Location.pathname包含URL中路径部分的一个DOMString，开头有一个“/”。Location.search 包含URL参数的一个DOMString，开头有一个“?”。

Location.hash包含块标识符的DOMString，开头有一个“#”。

Location.username包含URL中域名前的用户名的一个DOMString。

Location.password包含URL域名前的密码的一个 DOMString。

Location.origin只读包含页面来源的域名的标准形式DOMString。

方法

Location没有继承任何方法，但实现了来自URLUtils的方法。

Location.assign()加载给定URL的内容资源到这个Location对象所关联的对象上。

Location.reload()重新加载来自当前 URL的资源。他有一个特殊的可选参数，类型为 Boolean，该参数为true时会导致该方法引发的刷新一定会从服务器上加载数据。如果是 false或没有制定这个参数，浏览器可能从缓存当中加载页面。

Location.replace()用给定的URL替换掉当前的资源。与 assign() 方法不同的是用 replace()替换的新页面不会被保存在会话的历史 History中，这意味着用户将不能用后退按钮转到该页面。

Location.toString()返回一个DOMString，包含整个URL。 它和读取URLUtils.href的效果相同。但是用它是不能够修改Location的值的。

---

力网电商是一家电商运营网络课程网站，加入电商平台新手学习电商相关的一些问题，涵盖淘宝、京东、拼多多、抖音等平台运营知识经验分享，学电商运营来这里就对了！

.pjbox{padding-top:8px;text-align:center}.pjbox a{cursor:pointer;color:#000} 收藏 / 推荐(55) / 要加油(29)