码迷,mamicode.com
首页 > 其他好文 > 详细

iframe中跳转页面的区别

时间:2018-05-21 12:15:33      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:关于   关系   reload   分享   分享图片   src   跳转页面   oca   frame   

技术分享图片

页面关系如上图所示

当在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页面刷新


iframe中跳转页面的区别

标签:关于   关系   reload   分享   分享图片   src   跳转页面   oca   frame   

原文地址:https://www.cnblogs.com/wdd-cindy/p/9066072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!