知识大全解析Jquery取得iframe中元素的几种方法

Posted 2022-07-20 框架

篇首语：形成天才的决定因素应该是勤奋-郭沫若本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全解析Jquery取得iframe中元素的几种方法相关的知识，希望对你有一定的参考价值。

解析Jquery取得iframe中元素的几种方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

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 id="iframeSon" width= ″ height= ″ frameborder=" ″ scrolling="auto"></iframe>

　　 在父窗口中操作选中IFRAME中的所有单选钮 $(window frames["iframe "] document) find("input[@type= radio ]") attr("checked" "true");

　　 在IFRAME中操作选中父窗口中的所有单选钮 $(window parent document) find("input[@type= radio ]") attr("checked" "true"); iframe框架的 <iframe src=test id="iframe ″ width= ″ height= ″ frameborder=" ″ scrolling="auto"></iframe>

复制代码代码如下: <HTML xmlns=" <HEAD> <MCE:SCRIPT mce_src="js/jquery js" src= /js/jquery js type=text/ecmascript></MCE:SCRIPT> <MCE:SCRIPT type=text/javascript><! $(function() $("#t ") hover(function()alert( );); //$("iframe") contents() find("body") append("I m in an iframe!"); //$(window frames["iframe "] document) find("input[@type= text ]") attr("size" " px"); //$("#iframe ") contents() find("#d ") css( color red ); //$(window frames["iframe "] document) find("input[@name= t ]") css(background:"# "); //$("#iframe ") src("test "); ); // ></MCE:SCRIPT> <DIV> <INPUT id=t > <IFRAME id=iframe src=child mce_src="child "></IFRAME> <IFRAME height= src=child width= mce_src="child "></IFRAME> </DIV> <DIV> </DIV>

　　收集利用Jquery取得iframe中元素的几种方法 :

复制代码代码如下: $(document getElementById( iframeId ) contentWindow document body) ()

　　显示iframe中body元素的内容

复制代码代码如下: $("#testId" document frames("iframename") document) ();

　　根据iframename取得其中ID为"testId"元素

复制代码代码如下: $(window frames["iframeName"] document) find("#testId") ()

　　作用同上 收集网上的一些示例 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了

　　在父窗口中操作选中IFRAME中的所有单选钮 $(window frames["iframe "] document) find("input[@type= radio ]") attr("checked" "true");

　　在IFRAME中操作选中父窗口中的所有单选钮 $(window parent document) find("input[@type= radio ]") attr("checked" "true"); iframe框架的 <iframe src=test id="iframe " width= height= frameborder=" " scrolling="auto"></iframe> IE 中测试通过 使用jquery操作iframe 内容里有两个ifame <iframe id="leftiframe" </iframe> <iframe id="mainiframe </iframe> leftiframe中jQuery改变mainiframe的src代码 $("#mainframe" parent document body) attr("src" "

　　如果内容里面有一个ID为mainiframe的ifame <iframe id="mainifame" ></ifame> ifame包含一个someID <div id="someID">you want to get this content</div> 得到someID的内容 $("#mainiframe") contents() find("someID") () 或者 $("#mainiframe") contains() find("someID") text()值

　　在父窗口中操作选中IFRAME中的所有单选钮 $(window frames["iframe "] document) find("input[@type= radio ]") attr("checked" "true"); 那选择id自然就是依然使用find方法 $(window frames["iframe "] document) find("#id") 如上面所示 leftiframe中的jQuery操作mainiframe的内容someID的内容 $("#mainframe" parent document body) contents() find("someID") () 或者 $("#mainframe" parent document body) contents() find("someID") val() 使用JavaScript操纵iframe 框架间的互相引用一个页面中的所有框架以集合的形式作为window 对象的属性提供例如 window frames就表示该页面内所有框架的集合这和表单对象链接对象图片对象等是类似的不同的是这些集合是 document的属性因此要引用一个子框架可以使用如下语法 window frames["frameName"]; window frames frameName window frames[index] 其中 window字样也可以用self代替或省略假设frameName为页面中第一个框架则以下的写法是等价的 self frames["frameName"] self frames[ ] frames[ ] frameName 每个框架都对应一个HTML页面所以这个框架也是一个独立的浏览器窗口它具有窗口的所有性质所谓对框架的引用也就是对window对象的引用有了这个window对象就可以很方便地对其中的页面进行操作例如使用window document对象向页面写入数据使用 window location属性来改变框架内的页面等

　　下面分别介绍不同层次框架间的互相引用 ．父框架到子框架的引用知道了上述原理从父框架引用子框架变的非常容易即 window frames["frameName"]; 这样就引用了页面内名为frameName的子框架如果要引用子框架内的子框架根据引用的框架实际就是window对象的性质可以这样实现 window frames["frameName"] frames["frameName "]; 这样就引用到了二级子框架以此类推可以实现多层框架的引用

　　．子框架到父框架的引用每个window对象都有一个parent属性表示它的父框架如果该框架已经是顶层框架则window parent还表示该框架本身

　　．兄弟框架间的引用如果两个框架同为一个框架的子框架它们称为兄弟框架可以通过父框架来实现互相引用例如一个页面包括个子框架 <frameset rows=" % %"> <frame src= name=frame /> <frame src= name=frame /> </frameset> 在frame 中可以使用如下语句来引用frame self parent frames["frame "];

　　．不同层次框架间的互相引用框架的层次是针对顶层框架而言的当层次不同时只要知道自己所在的层次以及另一个框架所在的层次和名字利用框架引用的window对象性质可以很容易地实现互相访问例如 self parent frames["childName"] frames["targetFrameName"];

cha138/Article/program/Java/JSP/201311/20115

知识大全 解析Jquery取得iframe中元素的几种方法

知识大全解析Jquery取得iframe中元素的几种方法