关于js中window.location.href, location.href, parent.location.href

最新推荐文章于 2024-03-17 23:10:10 发布

penjian

最新推荐文章于 2024-03-17 23:10:10 发布

阅读量552

点赞数

分类专栏： js 文章标签： iframe jsp c

js 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在网页开发中如何使用window.location.href、location.href、parent.location.href及top.location.href进行不同层级的页面跳转，同时也探讨了通过设置form标签的target属性实现页面跳转及新窗口打开的方法，以及如何利用parent.location.reload()和top.location.reload()刷新当前页面或顶层页面。

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

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明：

如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写

"window.location.href"、"location.href"：D页面跳转

"parent.location.href"：C页面跳转

"top.location.href"：A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

关于页面刷新，D 页面中这样写：

"parent.location.reload();": C页面刷新（当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ）

"top.location.reload();": A页面刷新