JavaScript中页面跳转和页面刷新

最新推荐文章于 2023-01-10 09:26:29 发布

wuwentao2010

最新推荐文章于 2023-01-10 09:26:29 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏： div+css+js 文章标签： JavaScript C C++ C# JSP ViewUI

本文链接：https://blog.youkuaiyun.com/wuwentao2010/article/details/83679936

div+css+js 专栏收录该内容

15 篇文章

订阅专栏

本文详细解释了window.location.href、location.href、parent.location.href及top.location.href在不同iframe层级间实现页面跳转的方法。同时介绍了通过form标签设置不同target属性实现页面跳转或新窗口打开的效果，并对比了window.location.href=window.location.href与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页面刷新
window.location.href = window.location.href 也可以实现页面刷新，它与reload的区别是：如果在reload之前想服务器提交过数据，那么执行reload会重新执行这个提交操作。而window.location.href = window.location.href 则不会，因为它是重新进入页面。

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/defonds/archive/2009/05/08/4159512.aspx