一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery同域跨iframe操作DOM例子

时间:2022-06-25 17:42:18 编辑:袖梨 来源:一聚教程网


iframe目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。


1、父框架操作iframe





jQuery:

$('#read-aa').click(function()
{
 var v=$('#aa').contents().find('body').html();
 alert(v);
});
$('#write-aa').click(function()
{
 
 $('#aa').contents().find('div').append('


这是index.php操作aa.php写入的内容');
});
主要方法是 contents(),读取iframe。

2、iframe跨父框架操作iframe

bb.php



bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb



这是iframe #bb里的内容



主要方法是parent.document。


完整例子



jQuery操作iframe





热门栏目