zoukankan      html  css  js  c++  java
  • H5_0040:iframe 父子页面方法调用

    父页面与子页面交互
    父页面获取子页面的window对象:
    
    //原生JS获取方式:
    var frameWin = document.getElementById("ifr").contentWindow;
    或
    var frameWin = document.getElementsByTagName('iframe')[0].contentWindow;
    或
    var frameWin = document.frames[frameName];
    
    //jQuery获取方式:
    var frameWin = $('#ifr')[0].contentWindow;
    1
    2
    8
    9
    父页面获取子页面的document、body对象:
    
    //原生JS获取方式:
    var frameWin = document.getElementById("ifr").contentWindow;
    var frameDoc = frameWin.document;
    var frameBody = frameDoc.body;
    
    //jQuery获取方式:
    var frameWin = $('#ifr')[0].contentWindow;
    var $frameDoc = $(frameWin.document);
    var $frameBody = $frameDoc.find('body');
    1
    2
    3
    9
    父页面调用子页面的方法:
    
    //原生JS调用方式:
    var frameWin = document.getElementById("ifr").contentWindow;
    frameWin.method();  //method为子页面的方法
    
    //jQuery调用方式:
    var frameWin = $('#ifr')[0].contentWindow;
    frameWin.method();  //method为子页面的方法
    1
    2
    
    6
    7
    子页面与父页面交互
    子页面获取父页面的window对象:
    
    var parentWin = window.parent;
    1
    子页面获取父页面的document、body对象:
    
    //原生JS获取方式:
    var parentWin = window.parent;
    var parentDoc = parentWin.document;
    var parentBody = parentWin.body;
    
    //jQuery获取方式:
    var parentWin = window.parent;
    var $parentDoc = $(parentWin.document);
    var $parentBody = $parentDoc.find('body');
    1
    2
    3
    
    8
    9
    子页面调用父页面的方法:
    
    var parentWin = window.parent;
    parentWin.method();  //method为父页面的方法
    
    琥珀君的博客
  • 相关阅读:
    python基础篇-wordcloud库的使用
    python基础篇-数据格式化和处理
    python基础篇-文件(读取,操作,关闭)
    python基础篇-jieba库的使用
    python基础篇-组合数据类型-3.字典
    mbStringLength 获取javascript字符串字节数
    JS 字符unicode转换函数
    jar命令解析--转自百度知道
    JBOSS7.0 热部署及开启远程调试的方法
    WampServer 安装心得
  • 原文地址:https://www.cnblogs.com/eliteboy/p/12713047.html
Copyright © 2011-2022 走看看