关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法...

转载于 2019-01-02 13:42:00 发布 · 103 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhouhongdan/p/10208118.html

本文详细介绍了在使用HTML的iframe元素时，如何通过window.location.href、parent.location.href及top.location.href实现不同层级页面间的跳转与刷新。同时，探讨了在包含form表单的iframe中，如何利用target属性实现页面跳转至新窗口或指定的iframe内。

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

A页面:<iframe src="b.html" frameborder="0"></iframe>
B页面:<iframe src="c.html" frameborder="0"></iframe>
C页面:<iframe src="d.html" frameborder="0"></iframe>
D页面:d.html

可以再 d.html 这样写：
"window.location.href"、"location.href"：D页面跳转获取D的地址
"parent.location.href"：C页面跳转获取C的地址
"top.location.href"：A页面跳转获取A的地址

如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后 C页面跳转
<form target="_top"> : form提交后 A页面跳转

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

转载于:https://www.cnblogs.com/zhouhongdan/p/10208118.html