根据子试图的不同刷新主视图(json格式自己定义)
1、body中添加
<body οnlοad="IFrameResize()">
<a v-for="(list,index) in navLists" class="add" :class="{ red:changeRed == list.id }"
@click="selectTab(list.id)" :href="list.srcFrom" target="targetStr">{{list.name}}
</a>
2、在iframe中添加οnlοad="IFrameResize()"
<iframe border=0 marginWidth=0
frameSpacing=0 marginHeight=0
frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0" src="first.html" id="childFrame" name="targetStr" οnlοad="IFrameResize()"></iframe>
3、主视图中添加子试图①,子试图中又添加iframe②
注意每个主视图中的(body和iframe)中都要放入加载οnlοad="IFrameResize()"
a、只需在子试图①中的(body)中加载οnlοad="IFrameResize()",childFrame为最外层的iframe,
function IFrameResize() {
//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
}
b、只需在子试图②中(body)中加载οnlοad="IFrameResize()",DetailChildFrame为第二层的iframe,
function IFrameResize() {
var obj = parent.document.getElementById("DetailChildFrame"); //取得父页面IFrame对象
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
console.log(obj.height)
}
4、a标签直接跳转
$("#childFrame").attr("src", 'register.html');
5、刷新整个父试图的窗口,回到最初加载时的页面
parent.location.reload();
6、iframe 子试图调用父试图的方法
localStorage.clear();
window.parent.click_go('login.html');function click_go(href){
window.document.getElementById("childFrame").contentWindow.location.href = href;
}