jquery iframe

最新推荐文章于 2024-11-05 21:59:35 发布

原创最新推荐文章于 2024-11-05 21:59:35 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #框架 #HTML #ViewUI

本文介绍了一个简单的示例，展示了如何使用jQuery在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>

程序代码

$('#parentElem', top.document).append('</code><div class="imgbox" id="imgbox"><img class="img" src=" http://www.blogger.com/pp.png" id="img" /></div>');

程序代码

alert($(document.getElementById('ifr').contentWindow.document.body).html());