location.href Current page URL

Last updated: 2026-09-09

location.href Current page URL

location.href gets or sets the current page URL. Setting it navigates.

CategoryBrowser (BOM)
ES versionDOM

📝 Syntax

location.href = 'https://example.com';

Returns:The full URL of the current page.

Mutates the original:Yes (in place)

▶ Example

Edit the code, press Run, and see the result in the output panel:

Output:

https://example.com/page?id=1
/about
/page
?id=1
https://example.com
💡 Tip location.href assignment is like clicking a link — adds to browser history.
ℹ️ info location also has pathname/search/hash/origin properties.

🌐 Browser support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
location.href v1 v12 v1 v1 v1
Supported by all modern browsers
More case studies coming soon — check back later.

📚 Related Tutorials

❓ FAQ

Qlocation.href vs window.open?
Ahref navigates current page; open opens a new window.
QHow to get URL parameters?
AUse URLSearchParams(location.search).get('id').
QDoes it add to browser history?
AYes — use location.replace() to skip history.
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏