jQuery iframe父页面和子页面相互调用

悠悠 2022-01-14 10:07 624阅读 0赞

jQuery操作iframe父子页面相互操作

    • 父页面调用子页面
    • 子页面调用父页面

父页面调用子页面

根据iframe的id找到子页面，取子页面的内容

  1. $('#iframe_dept')[0].contentWindow

  1. 调用函数（function）

    1. $('#iframe_dept')[0].contentWindow.函数名(参数)
    2.  例如： $('#iframe_dept')[0].contentWindow.chooseDept();

  2. 调用变量

    1. 设置值：
    2.  $('#iframe_dept')[0].contentWindow.变量名 = 值;
    3.  例如： $('#iframe_dept')[0].contentWindow.num = 1;
    4.  获取值
    5.   var n = $('#iframe_dept')[0].contentWindow.变量名;
    6.  例如：var n = $('#iframe_dept')[0].contentWindow.num;

  3. 操作标签

    1. $('#iframe_dept')[0].contentWindow.$('#id').val('123');

子页面调用父页面

利用 window.parent获取父页面的内容

  1. 调用函数（function）

    1. window.parent.函数名(参数)
    2.      例如： window.parent.showDept();

  2. 调用变量

    1. 设置值：
    2.      window.parent.变量名 = 值;
    3.      例如： window.parent.num = 1;
    4.  获取值
    5.       var n = window.parent.变量名;
    6.      例如：var n =window.parent.num;

  3. 操作标签

    window.parent.$(‘#id’).val(‘123’);

发表评论

表情：
评论列表 （有 0 条评论，624人围观）

还没有评论，来说两句吧...

相关阅读