这次给大家带来jQuery跨域操作iframe里DOM方法，jQuery跨域操作iframe里DOM方法的注意事项有哪些，下面就是实战案例，一起来看一下。
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。
登录后复制
$('#read-aa').click(function() { var v=$('#aa').contents().find('body').html(); alert(v); }); $('#write-aa').click(function() { $('#aa').contents().find('p').append('
这是index.php操作aa.php写入的内容'); });
登录后复制
主要方法是 contents()，读取iframe。
2、iframe跨父框架操作iframe
nbsp;html>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb $(function() { $('#read-parent-aa').click(function() { var v=$('body',parent.document).find('#aa').contents().find('body').html(); alert(v); }); $('#write-parent-aa').click(function() { $('body',parent.document).find('#aa').contents().find('p').append('
这是bb.php操作aa.php写入的内容'); }); });
登录后复制
这是iframe #bb里的内容
登录后复制
HTML：代码
nbsp;html>jQuery操作iframe $(function(){ $('#read-aa').click(function() { var v=$('#aa').contents().find('body').html(); alert(v); }); $('#write-aa').click(function() { $('#aa').contents().find('p').append('
这是index.php操作aa.php写入的内容'); });});
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
JSONP解决ajax跨域问题（附代码）
php+jquery传递json数据实现方法
以上就是jQuery跨域操作iframe里DOM方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2767498.html
