JS location.href 使用方法

location.href用法详解

最新推荐文章于 2021-01-10 13:15:09 发布

最新推荐文章于 2021-01-10 13:15:09 发布 · 430 阅读

文章标签：

#JS #location.href 使用方法 #ViewUI

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文详细介绍了JavaScript中location.href的不同用法，包括如何在当前页面、父页面及顶层页面打开新链接，以及如何通过特定框架实现类似功能。此外还对比了window.location.href=window.location.href与window.location.reload()在刷新页面方面的差异。

location.href 在使用中很是频繁，location.href 主要的使用方法有哪些
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提交数据