文档章节

iframe操作

风象南
 风象南
发布于 2017/07/12 22:59
字数 115
阅读 8
收藏 0

(1)获取当前页面的iframe

    jquery获取:

var iframe = $("#myframe");
var iframeDocument = iframe.contents();
获取页面dom  = iframeDocument.find("#id") or $("#id", iframeDocument);

   js 获取:

 var iframe = window.frames['myFrameName'];
 var iframeDocument = iframe.contentWindow.document;
 获取页面dom  = iframeDocument.getElementById('id') or iframeDocument .getElementByTagName('name')

(2)iframe 中调用父页面的方法或全局变量

变量 = parent.window.xx
方法 = parent.window.test()

(3)父窗口调用iframe中的变量或方法

var frame = window.frames['framename'];
变量 = frame.xx
方法 = frame.test()

(4)frame加载完成事件

var iframe = $("#frame");
iframe.load(function() {
    alert('frame load finish');
}

 

© 著作权归作者所有

风象南
粉丝 101
博文 272
码字总数 47641
作品 1
西安
技术主管
私信 提问
操作iframe(父级操作子iframe或子级操作父iframe)

一、子级操作iframe 通过jq来操作 $(window.parent.document); // 当前页面获取包含iframe页面的document $(window.parent.document).find('body); // 当前页面获取包含iframe页面的body $(......

夏日的风
2018/03/29
127
0
iframe父页面与子页面之间的dom操作

现在在页面里面用到iframe的情况越来越少了,但有时还是避免不了,甚至这些页面之间还需要用js来做交互,那么这些页面如何操作彼此的dom呢?下面将会逐步介绍。 1.父页面操作子页面里面的dom...

银月光海
2016/05/23
721
0
javascript--iframe的JS方法,用法!contentWindow 、paren...

还是先感谢“妙味课堂”出的这期教学视频! 一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用: contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下) 1...

niceguy_php
2013/03/04
1K
0
解析Jquery取得iframe中元素的几种方法

DOM方法: 父窗口操作IFRAME: window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames[......

文文1
2015/03/26
14.9K
0
JavaScript 和 Jquery 操作 iframe

使用 JavaScript 和 Jquery 如何操作 html标签 iframe JavaScript方式 1) var iframe = document.getElementById('iframe'); // 这种方式虽然能够获取 iframe 对象,但是无法获取它的属性 ......

learn_more
2015/12/26
147
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
6
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
7
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
9
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部