zoukankan      html  css  js  c++  java
  • 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();
  • 相关阅读:
    函数length属性
    vue面试题
    ES6引进新的原始数据类型symbol使用及特性
    jq动画
    防抖和节流
    this指向
    前端:性能优化之回流和重绘
    react生命周期
    vue生命周期
    react-redux的实现原理
  • 原文地址:https://www.cnblogs.com/wanlige/p/12767427.html
Copyright © 2011-2022 走看看