JS 中document.URL 和 windows.location.href 的区别

最新推荐文章于 2025-02-14 14:17:46 发布

ningyb

最新推荐文章于 2025-02-14 14:17:46 发布

阅读量3.6k

点赞数

分类专栏： Html 文章标签： windows 文档 url

Html 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了JavaScript中document.URL与windows.location.href之间的差异。通过实例演示了两者在处理URL片段标识符（#fragment）上的不同表现，强调了在需要处理URL片段时应使用windows.location.href。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 中document.URL 和 windows.location.href 的区别 
实际上，document 和 windows 这两个对象的区别已经包含了这个问题的答案。

document 表示的是一个文档对象，windows 表示一个窗口对象。

一个窗口下面可以有很多的document对象。每个document 都有 一个URL。

 

但是，这不是所有的区别。当你ctrl + F5 一个链接 http://yourhost.com/#fragment

打印 alert(document.URL ); 和 alert(windows.location.href);

发现，这两个的值不一样，

 

document.URL 的值是 “http://yourhost.com/”

windows.location.href 的值是 “http://yourhost.com/#fragment”

 

差一个 #fragment 

 

所以，如果要用 fragment 进行相应的处理的话，最好是用 windows.location.href

否则会出现很奇怪的错误。