zoukankan      html  css  js  c++  java
  • javascriptiframe的JS方法,用法!contentWindow 、parent、top、onload

    还是先感谢“妙味课堂”出的这期教学视频!

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

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

     

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

    例子:

    var ifr = document.getElementById("iframe");
    
    ifr.contentWindow.document.getElementById("XXXXX")
    
    <iframe src="a.html" id=""></iframe>

    ifr.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("XXXXX")
    
    <iframe src="a.html" id=""></iframe>

     三、onload事件

    非IE下用法

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

    IE下,需要绑定

    ifr.attachEvent("onload",function(){
    
    //something
    
    })
  • 相关阅读:
    Ⅲ:作业
    Ⅱ:python入门
    Auth模块
    django中间件
    Django的cookie以及session
    form组件
    Django Ajax
    Django模板层3和ajax初始
    聚合/分组 查询 事务
    Django ORM常用模块
  • 原文地址:https://www.cnblogs.com/lufy/p/2532212.html
Copyright © 2011-2022 走看看