实际工作中遇到了iframe里嵌套的页面的跳转问题，上网查了一下，现在查到的做一下记录。
先假设A,B,C,D都是页面，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页面跳转
页面刷新：
-
parent.location.reload(): C页面刷新
-
parent.main.location.reload(): parent是代表父级页面，main可能是父级页面里的一个iframe，整个意思就是让name=”main”的iframe页面刷新
-
window.opener.document.location.reload():C页面刷新（使用子窗口的opener对象来获得父窗口对对象）
-
top.location.reload()：A页面刷新
form或者链接:
D页面中有form
-
<form>： form提交后D页面跳转
-
<form target=”_blank”>： form提交后弹出新页面
-
<form target=”_parent”>：form提交后C页面跳转
-
<form target=”_top”>：form提交后A页面跳转
前言实际工作中遇到了iframe里嵌套的页面的跳转问题，上网查了一下，现在查到的做一下记录。正文先假设A,B,C,D都是页面，D是C的iframe，C是B的iframe，B是A的iframe，在D中跳转页面的写法区别如下：js跳转：window.location.href、location.href：本页面跳转，即D页面跳转parent.location.href：上一层页面跳转，及...
首先在
父
页面
的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在
Iframe
页面
的Form 标签中定义target属性，并且其值也必须与之前定义的window.name的值相同，即<form method="post" target="test" >，在子
页面
提交后即可
刷新
父
页面跳转
到指定的请求
页面
.
此资源由网友提供。谢谢！
因为oauth/authorize响应头包含X-Frame-Options: DENY解决方案：openresty nginx 移除该属性,经测试生效
more_clear_headers X-Frame-Options;
====打印日志，发现没有了该属性； set $resp_header ""; header_filter_by_lua ' loca...
//菜单点击
$(".J_menuItem").on('click',function() {
var
iframe
= $("#J_
iframe
").contents().find("#Login").length;
if (
iframe
>0) {
window.location.href = '/admin/login';
} else {
主要获取
iframe
里面的文档对象，就可以任意操作
iframe
的内容
//contentDocument 属性能够以 HTML 对象来返回
iframe
中的文档。可以通过所有标准的 DOM 方法来处理被返回的对象。
//querySelector 选择器 当然也可用 id 或者class 等选着器代替
document.querySelector('
iframe
').contentWindow.location.reload();
我的
iframe
是一个子
页面
，但是我想从这个子
页面跳转
到登录
页面
，但是如果直接写window.location.href的话，登录
页面
会直接存在于
父
页面
下，所以我们
需要
父
页面
直接跳转到登录
页面
，解决的办法很简单。
parent.location.href="{:url('index/login/index')}";
chrome://flags/#same-site-by-default-cookies ，设置为 Disabled
chrome://flags/#cookies-without-same-site-must-be-secure ，设置为 Disabled
重启浏览器
参考:https://developer.aliyun.com/article/743364
前段时间有个需求，要求在移动端
嵌入
别的商城
页面
。由于牵扯原生app的功能，选择使用了
iframe
嵌入
。此刻，就是噩梦的开始。
本项目
页面
暂且叫他
父
页面
，
嵌入
页面
为子
页面
。子
页面
中存在fixed定位的返回按钮。 在ios下返回按钮不是悬浮在
窗口
底部，而是呈现出absolute的类似效果。滚动到
页面
底部才展示返回按钮。
经过百度后发现，ios会选择扩展
iframe
高度来自适应其中...
