blocks|key|1455707|text|window.location是一个对象，它保存有关当前文档位置(主机、href、端口、协议等)的所有信息。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1455708|location.href是window.location.href的缩写(您从全局对象-窗口调用location，所以这是window.location.href)，这只是一个包含当前网站完整URL的字符串。|1455709|当您为它们分配一个URL时，它们的行为是相同的-它们将重定向到您分配的页面，但当您打开浏览器控制台(firebug或开发人员工具)并编写window.location和location.href时，您可以看到它们之间的差异。|1455710|entityMap^0|0|F|0|0|D|0|1W|F|2C|D|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|K|$]]

<code>window.location</code> is an object that holds all the information about the current document location (host, href, port, protocol etc.).

<code>location.href</code> is shorthand for window.location.href (you call location from global object - window, so this is window.location.href), and this is only a string with the full URL of the current website.

They act the same when you assign a URL to them - they will redirect to the page which you assign, but you can see differences between them when you open the browser console (firebug or developer tools) and write <code>window.location</code> and <code>location.href</code>.

blocks|key|1455861|text|它们是不同的。window.location是一个包含属性href的对象，该属性是一个字符串。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|1455862|正如您所注意到的，设置+window.location和window.location.href的行为方式相同，因为它很久以前就内置于JavaScript语言中。在这个question+about+setting+window.location中阅读更多。|1455863|获取+window.location和window.location.href的行为不同，因为前者是一个对象，而后者是一个字符串。如果运行像indexOf()或toLowerCase()这样的字符串函数，则必须使用window.location.href。|1455864|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2383401/javascript-setting-window-location-href-versus-window-location^0|7|F|T|4|Y|2|17|3|0|9|2|C|F|S|K|2C|12|0|0|0|2|3|F|J|K|1Y|9|28|D|2Z|K|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|D]|$9|Z|A|10|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|11|8|@$9|12|A|13|B|D]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|E|@$9|18|A|19|1|1A]]|F|$]]|$1|I|3|J|5|6|7|1B|8|@$9|1C|A|1D|B|D]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|E|@]|F|$]]|$1|K|3|-4|5|6|7|1O|8|@]|E|@]|F|$]]]|L|$M|$5|N|O|P|F|$Q|R]]]]

They are different. <code>window.location</code> is an object containing the property <code>href</code> which is a string.

Setting <code>window.location</code> and <code>window.location.href</code> behave the same way, as you noticed, because it was built into the JavaScript language long ago. Read more in this <a href="https://stackoverflow.com/questions/2383401/javascript-setting-window-location-href-versus-window-location">question about setting window.location</a>.

Getting <code>window.location</code> and <code>window.location.href</code> behave differently because the former is an object and the latter is a string. If you run string functions like <code>indexOf()</code> or <code>toLowerCase()</code>, you have to use <code>window.location.href</code>.

blocks|key|1455656|text|除了href之外，window.location还有其他属性，但是如果您给window.location分配一个URL，它将重定向。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1455657|您可以在中看到它的所有属性(如search、protocol、hash等)。|1455658|entityMap^0|2|4|9|F|11|F|0|F|6|M|8|V|4|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|I|$]]

<code>window.location</code> has other properties aside from <code>href</code> but if you assign <code>window.location</code> a URL it will redirect.

You can see all of its properties in <a href="https://developer.mozilla.org/en/DOM/window.location" rel="nofollow">MDN</a> (like <code>search</code>, <code>protocol</code>, <code>hash</code>, ...)

blocks|key|960529|text|检查this+old+MDN+article|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|960530|960531|+Location对象有一个返回当前URL的toString方法。您还可以将字符串分配给window.location。这意味着在大多数情况下，您可以像使用字符串一样使用window.location。有时，例如，当您需要对其调用字符串方法时，您必须显式调用toString：|blockquote|960532|960533|960534|window只是包含多个属性的全局对象，location就是其中之一。location也有属性，其中之一就是href。location.href就是window.location.href|style|CODE|960535|entityMap|0|LINK|mutability|MUTABLE|url|http://web.archive.org/web/20120505074801/https://developer.mozilla.org/en/DOM/window.location^0|2|K|0|0|0|0|0|0|0|6|K|8|Z|8|1I|4|1N|D|22|K|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|10|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|11|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|12|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|13|8|@$A|14|B|15|L|M]|$A|16|B|17|L|M]|$A|18|B|19|L|M]|$A|1A|B|1B|L|M]|$A|1C|B|1D|L|M]|$A|1E|B|1F|L|M]]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

Check <a href="http://web.archive.org/web/20120505074801/https://developer.mozilla.org/en/DOM/window.location" rel="nofollow noreferrer">this old MDN article</a>:

<blockquote>
 Location objects have a toString method returning the current URL. You can also assign a string to window.location. This means that you can work with window.location as if it were a string in most cases. Sometimes, for example when you need to call a String method on it, you have to explicitly call toString:
</blockquote>

<code>window</code> is just the global object that houses several properties, one of them is <code>location</code>. <code>location</code> also has properties, one of them is <code>href</code>. <code>location.href</code> is just <code>window.location.href</code>

blocks|key|960602|text|属性返回当前页的整个location.href。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|960603|Where+as|960604|window.location属性表示窗口对象的当前位置，如果更改此属性，将被重定向。|960605|entityMap^0|A|D|A|D|0|0|0|F|0|F|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|R|8|@]|E|@]|F|$]]|$1|I|3|J|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|D]]|E|@]|F|$]]|$1|K|3|-4|5|6|7|X|8|@]|E|@]|F|$]]]|L|$]]

<code>location.href</code> property returns the entire URL of the current page.
<h3>Where as</h3>
<code>window.location</code> property represents the currect location of the window object, if you change this you will get redirected.

blocks|key|5497369|text|你正在访问同一个对象，，这是一种快捷方式。如果您使用firebug+(或类似的)来更改其"hash“属性，您将看到它在这两个位置都被更改了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5497370|从技术上讲，您的默认作用域是window对象，因此当您访问"location.href“时，您访问的是window.location.href。|5497371|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You are accessing the same object. Its some kind of a shortcut. If you use firebug (or similar) to change its "hash" property, you'll see that it gets changed in both places.

Technically, your default scope is the window object, so when you access "location.href" you are accessing to window.location.href.

I am confused as to the difference between <code>window.location</code> and <code>location.href</code>. Both appear to be acting in the same way.

What is the difference?

Difference between window.location and location.href

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我对window.location和location.href之间的区别感到困惑。两者似乎都在以同样的方式行事。有什么关系？

问window.location与location.href的区别
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.location与location.href的区别EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.location与location.href的区别
EN