iframe中跳转页面的区别

Posted 努力才会进步

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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页面刷新


以上是关于iframe中跳转页面的区别的主要内容,如果未能解决你的问题,请参考以下文章

iframe窗口跳转的问题

解决iframe重定向让父级页面跳转

vue-cli中跳转页面返回顶部

超链接跳转嵌套完成iframe框架 页面双头双尾解决办法

关于java,过滤html请求的Filter中跳转页面的问题。

Vue.js中跳转报错 地址栏改变 页面不改变