iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作
DOM方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
jquery方法:
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(":text");
iframe框架的HTML:<iframe src="test.html" id="iframeSon" width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>
1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
iframe框架的:
<iframe src="test.html" id="iframe1″ width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>
<mce:script type="text/ecmascript" src="../js/jquery-1.2.6.js" mce_src="js/jquery-1.2.6.js"></mce:script>
$(function(){
$("#t1").hover(function(){alert('');});
//$("iframe").contents().find("body").append("I'm in an iframe!");
//$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px");
//$("#iframe1").contents().find("#d1").css('color','red');
//$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"});
//$("#iframe1").src("test.html");
});
// --></mce:script>
<div>
<input id="t1" type="text">
<iframe id="iframe1" src="child.htm" mce_src="child.htm"></iframe>
<iframe src="child.htm" mce_src="child.htm" height="100" width="300"></iframe>
</div>
<div>
</div>
分享到:
相关推荐
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$(“#iframe的ID”).contents().find(“#iframe中的控件ID...
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames[“iframe1”].document).find(”input[@type=’radio’]“)....
主要介绍了jquery:iframe里面的元素怎样触发父窗口元素的事件,很简单,但很实用,需要的朋友可以看看
DOM方法:父窗口操作IFRAME:window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames[“iframeSon”].document)....
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames[“iframe的name值”].document....
$(#父窗口元素ID,window.parent.document); 对应javascript版本为 window.parent.document.getElementById(父窗口元素ID); 取父窗口的元素方法: $(selector, window.parent.document); 取父窗口的父窗口的元素就...
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
从父页面中选择iframe中的元素: 代码如下: $(‘#btnCancel’,$(‘#...在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames[“iframe1”].document).find(“input[@type=’radio’]”).attr(“checked”,”tru
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames[“iframe的name值”].document....
功能:在创建新窗口/ iframe之前更改等待内容等加载内容的最大时间量,如果新窗口/ iframe 的load事件尚未触发,则作为后备 标题 默认值:null,使用主页标题 可接受的值:任何单行字符串 功能:更改打印的标题 ...
应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。 解决办法是:用js判断页面是否被嵌套,用js...
iframe 高度 iframe 高度是一个允许... 您可能只想使用 jquery 或其他选择器获取给定元素或主体的高度。 配置选项 Options : { src : '' // The source url that the iframe is going to load element : '' // The id
5、内容可以是从AJAX远端载入的内容,也可以是本页面中的一个DOM元素,也可以是嵌入一个iframe。 6、可以把移动的窗体限制在父框架可见的范围内, 也可以让窗体超出父框架显示。 7、使用单个或少数几个窗体时,可...
13、修复拖动对话框时候可能因鼠标置入iframe窗口而导致鼠标被粘住的问题 14、修复了内部$.newId方法的一处错误,特定情况下导致定义了ID的对话框无法弹出 15、删除脚本对IE6 png bug内置支持,之前测试版本自动...