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 });

  • 相关阅读:
    bzoj1036树的统计Count
    bzoj 2049 洞穴勘测
    PHP可变参数
    PHP可变参数
    读取数量不定的输入数据
    读取数量不定的输入数据
    字符导致的不便
    字符导致的不便
    Welcome to the world of Java! ^O^ cmd + notepad + HelloWorld
    Welcome to the world of Java! ^O^ cmd + notepad + HelloWorld
  • 原文地址:https://www.cnblogs.com/carriezhao/p/9429165.html
Copyright © 2011-2022 走看看