获取iframe内的元素
$("#iframeID").contents().find("#index_p")
2获取父窗体的值
$('#father', parent.document).val()
3 调用 iframe 内的方法
content_iframe.window.test(); // content_iframe iframe的 name
4.js
var a=document.getElementById('content_iframe').contentWindow.document.getElementById('index_audio')
var b=document.getElementById('content_iframe').contentWindow.document.getElementById('index_video')
5:
最近操作iframe页面元素比较多。涉及到在子页面里控制父页面元素的显示,使用parent.document.getElementById("filterToFloders")获取父页面里id为filterToFloders的元素,或者是从顶层window下找到iframe页面元素的操作-window.parent.frames["setFilterFrame"].document.getElementById("targetFloder"),获取元素。但是现在页面里多半是使用jQuery来获取DOM元素,这样混杂着原生js获取DOM元素的操作,让代码整体看起来不伦不类。后来才发现jQuery选择器本身还可以带一个参数,传递选择的范围的,$("元素标识","元素所在范围")。所让代码变得简洁很多。而且风格统一。
如下对等操作:
javascript----------------------------------------------------------------------------jQuery
parent.document.getElementById("filterToFloders")-----------------------------------$("#filterToFloders",parent.document) //子页面获取iframe父页面的DOM
window.parent.frames["setFilterFrame"].document.getElementById("targetFloder")----$("#targetFloder",window.parent.frames["setFilterFrame"].document)//子页面获取父页面里的其他iframe子页面里的DOM
window.frames["iframeChild"].document.getElementById("floader")------------------$("#floader",window.frames["iframeChild"].document)//父页面获取子页面的DOM元素
除此之前还有另一种方法:$(window.frames["iframeChild"].document).find("#floader")(这种方法看到的,还没实际验证。)
另外可以先用jQuery选中目标父页面或者是目标子页面,在再这页面上进行下一层级DOM元素的寻找。
父页面获取子页面元素:
javascript:window.frames["iframeChild"].document //假如iframe的id为iframeChild
jQuery:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild
接着获取子页面元素:
$(window.frames["iframeChild"].document).find("#floader")
$("#floader",window.frames["iframeChild"].document)
子页面获取父页面元素雷同。关键是获取要找的页面就行。
最新文章
- bzoj3674 可持久化并查集
- Razor语法中链接的一些方法
- CLR via C#(11)-无参属性、有参数属性(索引器)
- 对UICollectionView的学习
- 启动FM预算基金管理模块后,0L总账消失的解决办法
- winform 记录全局异常捕获
- Unity3D开发之查找面板上某个脚本(包括Missing)
- 『Asp.Net 组件』Asp.Net 服务器组件 内嵌CSS:将CSS封装到程序集中
- Bar Codes
- Microsoft office PPT 2007 保存时速度慢(整理自网上)
- php简明学习笔记
- 五:Token问题和使用详解
- 【USACO15FEB】审查(黄金)Censoring (Gold)
- JQuery 分页显示jquery-pager-1.0.js
- event 和delegate的分别
- .Net深入实战系列—JSON序列化那点事儿
- solr简介与安装
- 数据共享Manager
- C++ 对引用的深入理解
- JSON之Asp.net MVC C#对象转JSON,DataTable转JSON,List<;T>;转JSON,JSON转List<;T>;,JSON转C#对象