zoukankan      html  css  js  c++  java
  • js中子页面父页面方法 变量相互调用(转)

     原文:https://www.cnblogs.com/huangshuqiang/p/5734358.html

    (1)子页面调用父页面的方法或者变量:

    window.parent.方法()或者变量名
    window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写

    window.parent.aa();//调取aa函数
    window.parent.bb;//调取bb变量
    
    例如:想在子页面中得到id为aaa的文本框的值
    
    window.parent.$("#aaa").val();//这种写法的前提是引用了jquery 
    
    window.parent.getElementById("aaa").value; //js的写法

    (2)父页面调取子页面

    主要是通过contentWindow定位到子页面

    document.getElementById("childframe").contentWindow.childtest();
    //调取子页面中的childtest方法   js的写法
    1. 父页面获取子页面元素:(jquery写法)
    
        格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 
    
        实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id
    
     
    
    2. 父页面调用子页面方法:
    
        格式:$("#iframe的ID")[0].contentWindow.iframe方法(); 
    
        实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法
  • 相关阅读:
    28完全背包+扩展欧几里得(包子凑数)
    HDU 3527 SPY
    POJ 3615 Cow Hurdles
    POJ 3620 Avoid The Lakes
    POJ 3036 Honeycomb Walk
    HDU 2352 Verdis Quo
    HDU 2368 Alfredo's Pizza Restaurant
    HDU 2700 Parity
    HDU 3763 CDs
    POJ 3279 Fliptile
  • 原文地址:https://www.cnblogs.com/xcsn/p/9475716.html
Copyright © 2011-2022 走看看