文档章节

javascript--iframe的JS方法,用法!contentWindow 、paren...

niceguy_php
 niceguy_php
发布于 2013/03/04 10:21
字数 246
阅读 1514
收藏 11

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

一、在使用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  })

© 著作权归作者所有

niceguy_php
粉丝 2
博文 34
码字总数 8351
作品 0
成都
程序员
私信 提问
iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面j...

卖火柴的format
2014/08/11
3.4K
1
【翻译】使用javascript获取iframe的内容

Iframe是一个内嵌框架,它允许你任意的加载HTML文件到你现在的document里面,你能够通过“src”属性来动态的加载文件。那么假如你要通过javascript获取Iframe框架里面的内容并且处理它。那么...

廖君
2013/08/10
1K
0
浅析 Cordova for iOS

发表于 2013-05-16 | 分类于 编程技术 | Cordova,对这个名字大家可能比较陌生,大家肯定听过 PhoneGap 这个名字,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字。 Cordova 是一个可以让...

Michaelyn
2017/10/23
12
0
Shindig中JavaScript RPC机制的应用

所说的RPC是做什么的: 实现安全的JavaScript跨域调用,比如说gadget-to-container、 container-to-gadget、gadget-to-gadget等。 例如adjustHeight这个特性,gadget通知 container(指partu...

鉴客
2010/01/31
946
0
求大神指教!!

<%@ page contentType="text/html; charset=UTF-8" %> 柯桥妇保系统 <% String contextPath = request.getContextPath(); String usercnname = (String)request.getAttribute("usercnname")......

为你画地为牢
2018/03/08
149
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS3 : transition 属性

本文转载于:专业的前端网站➧CSS3 : transition 属性 CSS3的 transition 属性用于状态过度效果! 1、语法: 1 transition: property duration timing-function delay;2 -moz-transition: ...

前端老手
20分钟前
4
0
一个简单的加密工具,性能貌似不行,待优化

一个简单的加密工具,性能貌似不行,待优化 package com.kxvz.common.crypt;import javax.crypto.Cipher;import javax.crypto.KeyGenerator;import javax.crypto.SecretKey;import java.i......

Kxvz
22分钟前
3
0
vue实现路由懒加载

一、为什么要实现懒加载 减少首屏加载时间,避免白屏 二、常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import a、vue异步加载: import Vue from 'vue' import Router from 'vue-ro...

Bing309
25分钟前
5
0
axios拦截器

axios.interceptors.response.use(response => { if (response.data.code == 0) { return response.data } else if (response.data.code == 600) { Cookies.remove('Admin-Token') router.pu......

Cyoya
27分钟前
5
0
给大家分享下部署云桌面的几个小技巧

从去年4月份开始我们公司就开始使用云桌面来进行上网办公的,在这一年多的使用过程中并没有出现像网上和有些用户说的那样,说云桌面各种坑老是出现这样和那样的问题,而我们之所以用的还不错...

GZASD
27分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部