iframs里子,孙页面与父,爷页面,以及多层嵌套的iframe中,js变量,方法以及元素的互相获取,调用

这几天维护老项目,我快吐了,之前用的很多都是ifram,来回嵌套界面,我变秃了,也变强了。

元素:

//  获取爷页面元素
var hideValue = $("#checkTypeId", window.parent.parent.document).val();
 
// 获取子元素
var obj = $("#iframes").contentWindow; 
var arr=obj.document.getElementsByName("parametersCheckbox"); 

// 获取孙子元素
document.getElementById("iframePipeStatics").contentDocument.getElementById("statisticalResult").style.display="block";

变量:

// 获取父页面变量
var wanli = parent.wanli;  

方法:

//  获取子页面方法
var childWindow = $("#addFrame")[0].contentWindow; 
childWindow.subFunction()

// 调用父页面方法
window.parent.change();
原文地址:https://www.cnblogs.com/wanlige/p/12767427.html