window.location.href的用法

最新推荐文章于 2025-03-06 17:05:36 发布

转载最新推荐文章于 2025-03-06 17:05:36 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/huifeidezhuzai/p/10334813.html

文章标签：

#javascript #前端 #html

本文详细介绍了JavaScript中location.href的不同用法，包括在同一页面、父页面、顶层页面及自定义frame中打开新页面的方法，并对比了刷新当前页面时使用window.location.href与window.location.reload的区别。

javascript中的location.href有很多种用法，主要如下。

self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面

如果页面中自定义了frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外，window.location.href=window.location.href;和window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据