最近项目的需要,使用到了iframe,也遇到了一些问题。
<1> js或者jQuery访问页面中的框架iframe.
注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下.
假设:父窗口 index.html ,有 id 为 subifrm 的 iframe
1. 在index.html执行JS直接访问子窗口中某元素 :
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red'
2. 利用jquery 来访问子窗口
====================================================================
====================================================================
<2> 用DOM方法与jquery方法结合的方式实现互动操作
1.在父窗口中操作 选中IFRAME中的所有单选钮
1 |
$(window.frames[ "iframe1" ].document).find( "input[@type='radio']" ).attr( "checked" , "true" );
|
2.在IFRAME中操作 选中父窗口中的所有单选钮
====================================================================
====================================================================
<3> 使用jquery操作iframe
1 页面里有两个ifame
leftiframe中jQuery改变mainiframe的src代码:
2、 如果内容里面有一个ID为mainiframe的ifame
1 |
<iframe id= "mainifame" ></ifame>
|
2 |
<iframe id= "mainifame" ></ifame>
|
ifame包含一个someID
得到someID的内容
1 |
$( "#mainiframe" ).contents().find( "someID" ).html();或者$( "#mainiframe" ).contains().find( "someID" ).text();
|
2 |
$( "#mainiframe" ).contents().find( "someID" ).html();或者$( "#mainiframe" ).contains().find( "someID" ).text();
|
1 |
$( "#mainiframe" ).contents().find( "someID" ).html();或者$( "#mainiframe" ).contains().find( "someID" ).text();
|
2 、如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
分享到:
相关推荐
jquery 子窗口操作父窗口的实现代码。
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
本文实例讲述了JS与jQuery实现子窗口获取父窗口元素值的方法。分享给大家供大家参考,具体如下: 功能描述:父窗口有一个input,和一个button ,点击button打开子窗口,在子窗口中获取父窗口中input的值,并显示。 ...
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
在同一个页面父窗口打开子窗口,动态无刷新提交,超炫基于jquery ajax提交,兼容IE7+,火狐,可以随意拖动
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames[“iframe的name值”].document....
jquery、js 父窗口、子窗口之间传值。
实际开发中jquery一些使用技巧:jquery操作Select,jquery操作input,jquery操作table,Jquery对数组的操作以及子父窗口间的传递值等等.
本文实例讲述了jQuery子窗体取得父窗体元素的方法。分享给大家供大家参考。具体如下: $(#父窗口元素ID,window.parent.document); 对应javascript版本为 window.parent.document.getElementById(父窗口元素ID); 取...
父窗口中操作iframe:window.frames[“iframeChild”].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?...
经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素,下面为大家简单介绍下本人的使用心得
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
父窗口中操作iframe:$(window.frames[“iframeChild”].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口:$(window.parent.document) 接下来就可以继续获取iframe内的dom了。 获取iframe内的dom对象...
1、open() 方法中增加 data 参数增强父窗口与子页面的数据交互能力。 - 调整 1、修改了拖动算法,窗口大于浏览器可视范围时标题不会被“吃掉”。 - 修复 1、修复命名冲突问题,现用 asyncbox 命名空间。 ...
今天写页面的时候突然有这么个需求,由于父元素(一个DIV)的height是由javascript计算出来的固定的值,而在其中增加了一个多说插件,在用户评论后,子元素(DIV)的height属性增加,导致子元素溢出。但是又不知道...
用于创建响应式模态对话框的jQuery插件模态窗口是一个子窗口,要求用户与其进行交互,然后才能继续使用父应用程序。 模态窗口是最常用的用户界面元素之一,用于命令用户意识以便传达重要信息或警告错误或警告。 斑马...