js中top.location.href、parent.location.href用法

最新推荐文章于 2022-01-06 22:26:44 发布

原创最新推荐文章于 2022-01-06 22:26:44 发布 · 3.2w 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

个人日记专栏收录该内容

108 篇文章

订阅专栏

本文详细介绍了JavaScript中不同类型的页面跳转方法，包括window.location.href、parent.location.href和top.location.href的区别及应用场景，并提供了多个示例代码。

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

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

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

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

举例说明：

window.location.href、location.href：

例:

window.location.href= 'wapsend1.asp?zimu=A&rev= '   +   form1.rev.value ;

parent.location.href：C页面跳转
例:

window.parent.parent.location.href=“你定义要跳转的页面”

top.location.href：A页面跳转
例:
在form提交表单的时候有个属性可能对上面的(2)的情况有用target=_top

<form name=loginForm action=Login.action method=post target=_top>

</form>

例2：

echo <iframe width=0 height=0 frameborder=0 scrolling=auto src='登录论坛' onload='reurl()'></iframe>;
echo <script> function reurl(){top.location.href='.$url.'}</script>;

也可以直接在表单提交是的target加个即可

: form提交后D页面跳转

: form提交后弹出新页面

: form提交后C页面跳转

window.top.location.href 和 window.location.href 的区别

if (window.location.href == window.top.location.href) { window.top.location.href = “/index.html”; }

top.window.location.reload 中top是什么意思父框架的对象

比如

有网页  1.htm  <span id='str'>显示内容1</span> <iframe src='2.htm'></iframe>  
2.htm  <input type='button' value='改变显示内容'onclick="top.document.getElementById('str').innerHTML='显示内容2222222';" /> 

 也就是 如果 2.htm 里面 使用了： top.window.location.reload 那么就是 刷新父页面 1.htm 如果2.htm里面使用的是： window.location.reload 那就是 刷新框架 2.htm    父页面1.htm  不改变