iframe页面和父页面之间元素查找的方法

最新推荐文章于 2019-04-29 11:46:15 发布

神笔码农nice

最新推荐文章于 2019-04-29 11:46:15 发布

阅读量818

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： iframe

本文链接：https://blog.youkuaiyun.com/Panlingfan/article/details/38383085

javascript 专栏收录该内容

26 篇文章

订阅专栏

从父页面中查找iframe子页面中对象的方法：

JS:

    document.getElementById('iframe').contentWindow //查找iframe加载的页面的window对象  
    document.getElementById('iframe').contentWindow.document //查找iframe加载的页面的document对象  
    document.getElementById('iframe').contentWindow.document.body //查找iframe加载的页面的body对象  
    document.getElementById('iframe').contentWindow.document.getElementById('icontent') //查找iframe加载的页面的id为icontent的对象

jQuery:

$('#iframe').contents() //查找iframe加载的页面的document对象  
$('#iframe').contents().find('body') //查找iframe加载的页面的body对象  
$('#iframe').contents().find('body').find('#icontent') //查找iframe加载的页面的id为icontent的对象

从iframe中查找父页面中对象的方法：

JS:

    [window.]parent //查找父页面的window对象  
    [window.]parent.document //查找父页面的document对象  
    [window.]parent.document.body //查找父页面的body对象  
    [window.]parent.document.getElementById('button') //查找父页面中id为button的对象

jQuery:

<span style="font-family:Arial;font-size:18px;">$([window.]parent) //查找父页面的window对象  
$([window.]parent.document) //查找父页面的document对象  
$([window.]parent.document.body) //查找父页面的body对象  
$([window.]parent.document.body).find('#button') //查找父页面中id为button的对象  </span>