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

  • 相关阅读:
    mybatis异常:org.apache.ibatis.builder.IncompleteElementException: Could not find parameter map com.sunyan.domain.User
    Markdown首行缩进和换行
    mybatis入门——mybatis的概述
    python2跟python3的区别
    码云与git
    Python入门(一)
    python环境搭建
    python简介
    计算机基础
    Typora、安装及使用
  • 原文地址:https://www.cnblogs.com/carriezhao/p/9429165.html
Copyright © 2011-2022 走看看