zoukankan      html  css  js  c++  java
  • iframe.contentWindow介绍

    一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用:

    contentWindow、contentDocument(测试的时候chrome浏览器,要在服务器环境下)

    1、先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素

    例:

    var ifr = document.getElementById('iframe');  //先获取到了iframe

    ifr.contentWindow.document.getElementById('XXX');  //先通过ifr.contentWindow获取到iframe中的window对象,然后通过document.getElementById('XXX'),获取iframe中的DOM

    <iframe  src="a.html"  id=""></iframe>

    注:iframe.contentWindow这里,返回的是iframe的window对象,所以后面可以接着调用document方法,再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。

    二、在iframe本页面,要操作这个iframe的父页面的DOM元素(即嵌套这个iframe的页面)可以用:

    window.parent、window.top(这里的top是获取的顶层,即有多层嵌套iframe的时候使用)

    var ifr = document.getElementByTagName('iframe');

    ifr.parent.document.getElementById('XXX');

    <iframe  src="a.html"  id=""></iframe>

    三、onload事件

    非IE下用法

    ifr.onload = function() { //SOMETHING }

    IE下,需要绑定

    ifr.attachEvent('onload',function() { //something });

  • 相关阅读:
    什么叫大数据,与云计算有何关系
    未来机器时代 马云担心的居然是男性找不到工作
    浏览器原生登陆验证实现
    eclipse-java-style.xml
    tomcat和应用集成
    简单springboot及springboot cloud环境搭建
    maven module
    maven scope
    java ReentrantLock Condition
    抓取动态网页
  • 原文地址:https://www.cnblogs.com/carriezhao/p/9429165.html
Copyright © 2011-2022 走看看