window.location对象详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了window.location对象详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。

打开chrome的调试工具，在Console一栏中输入window.location，出现如下图所示（包含location的多个属性）：

window.location对象详解

1、window.location对象常用属性

接下来以http://www.myurl.com:8866/test?id=123&username=xxx作为栗子，介绍一下location的常用属性：

返回当前页面的 URL

http://www.myurl.com:8866/test?id=123&username=xxx

http:

www.myurl.com:8866

www.myurl.com

/test

返回?后面部分（包含?）

?id=123&username=xxx

location.assign() 加载一个新的文档,就相当于一个链接，跳转到指定的url
location.reload() 重新加载当前文档，没有参数或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果该方法的参数为 true，那么会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。
location.replace() 用一个新文档取代当前文档,不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。文章来源地址https://www.toymoban.com/news/detail-465187.html

到了这里，关于window.location对象详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！