美文网首页
iframe父页面、子页面元素操作

iframe父页面、子页面元素操作

作者: 你我的微笑 | 来源:发表于2019-06-17 17:05 被阅读0次

    下列方法在不跨域的基础上使用:

    简单使用jquery来操作iframe的方法记录,也可以使用纯js也可以实现。

     1、在iframe中查找父页面元素的方法:
         $('#id', window.parent.document) 
     2、在iframe中调用父页面中定义的方法和变量:
         parent.method parent.value
    

    jquery、js调用iframe父窗口与子窗口元素的方法:

    1. jquery 在iframe子页面获取父页面元素代码如下:
          $("#objid", parent.document)
    
    2. jquery在父页面 获取iframe子页面的元素 代码如下:
          $("#objid",document.frames('iframename').document)
    
    3.js 在iframe子页面获取父页面元素代码如下:
          indow.parent.document.getElementByIdx_x("元素id");
    
    4.js 在父页面获取iframe子页面元素代码如下:
          window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
    
    5.子类iframe内调用父类函数:
          window.parent.func();
    

    相关文章

      网友评论

          本文标题:iframe父页面、子页面元素操作

          本文链接:https://www.haomeiwen.com/subject/mrhzfctx.html