iframe框架页面跳转

最新推荐文章于 2021-06-04 19:49:13 发布

陇亩民

最新推荐文章于 2021-06-04 19:49:13 发布

阅读量1.4k

点赞数

本文详细介绍了JavaScript中window对象的属性与方法，包括window.top、window.self、window.parent等，以及它们在页面跳转和刷新中的应用。通过实例解释了在不同层级的iframe中如何实现特定页面的跳转和刷新。

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

网上搜集，总结记录一下
window.top //最顶层窗口
window.self //当前窗口
window.parent //父级窗口
“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提交后D页面跳转 : form提交后弹出新页面 : form提交后C页面跳转 : form提交后A页面跳转关于页面刷新，D 页面中这样写： "parent.location.reload();": C页面刷新（当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ） "top.location.reload();": A页面刷新（转自：http://hi.baidu.com/linbo_fan/blog/item/70a9828928d742dafc1f104c.html）在使用框架时，经常会对框架子页面进行页面引导的情况，如果只是简单的设置location. href="",会使得整个页面显示在子框架中，导致出现重叠框架。如何解决呢？很简单。只要指定子框架的父级框架页面链接至目标页面即可。如 window.top.framename.location.href = url; window.parent.location.href=url; mainframe.location.href=url;