jquery iframe操作

使用jquery操作iframe

1 内容里有两个ifame

<BR><iframe id="mainiframe..

leftiframe中jQuery改变mainiframe的src代码：
$("#mainframe",parent.document.body).attr("src","")

2 如果内容里面有一个ID为mainiframe的ifame
</ifame> <BR>ifame包含一个someID <BR><div id="someID">you want to get this content</div> <BR>得到someID的内容</P> <P>  $("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值</P> <P>2 如上面所示 <BR>   leftiframe中的jQuery操作mainiframe的内容someID的内容 <BR>   $("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()</P></DIV> <DIV></DIV> <DIV>---------------------------------------------------------------------</DIV> <DIV> <H3><A href="http://huangningren.javaeye.com/blog/677308"><FONT color=#108ac6>调用IFRAME子页面的JS函数</FONT></A></H3><STRONG>文章分类:<A style="PADDING-RIGHT: 10px; TEXT-DECORATION: none" href="http://www.javaeye.com/blogs/category/web"><FONT color=#108ac6>Web前端</FONT></A></STRONG> <DIV class=blog_content>调用IFRAME子页面的JS函数2009-10-15 19:02说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。 <BR>我们现在要做的就是： <BR>1.在index.html中调用inner.html上的一个js方法 <BR>2.在inner.html中调用index.html上的一个js方法 <BR><BR>实现代码如下： <BR><BR>index.html <BR><BR><BR><html> <BR><head> <BR><script type="text/javascript"> <BR>function ff(){ <BR>alert(">>this is index's js function  index.html"); <BR>} <BR></script> <BR></head> <BR><body> <BR><div style="background: lightblue;"> <BR>This is index page. <BR><input type="button" value="run index's function" onclick="ff();" /> <BR><input type="button" value="run inner page's function" onclick='window.frames["childPage"].sonff();' /> <BR></div> <BR><iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0">

inner.html

This is inner page.

阅读(1824) | 评论(0) | 转发(0) |

上一篇：mysql存储引擎：InnoDB和MyISAM的区别与优劣

下一篇：Jquery动态创建DOM元素

给主人留下些什么吧！~~