zoukankan      html  css  js  c++  java
  • iframe中 父页面和子页面查找元素的方法

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

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

    jQuery:

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

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

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

    jQuery:

    1. $([window.]parent) //查找父页面的window对象  
    2. $([window.]parent.document) //查找父页面的document对象  
    3. $([window.]parent.document.body) //查找父页面的body对象  
    4. $([window.]parent.document.body).find('#button') //查找父页面中id为button的对象  

    注:[window.] 代表可加可不加。

  • 相关阅读:
    BitmapFactory.decodeStream(inputStream)返回null的解决方法
    android studio 自用快捷键方案
    jquery源码学习(四)—— jquery.extend()
    css3动画性能优化
    组件化开发之vue
    调用本地摄像头并通过canvas拍照
    傳説中的 jsonp
    jsonp的原理
    正确而又严谨得ajax原生创建方式
    让浏览器阻塞10秒钟的方法
  • 原文地址:https://www.cnblogs.com/dengshaojun/p/4113068.html
Copyright © 2011-2022 走看看