10 09/2014

jquery访问iframe内容

最后更新: Wed Sep 10 2014 12:37:50 GMT+0800

先看这个 iframe 内外互访的例子

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#showIframeContent').click(function(){
    var info=$('body',$('#iframeId').contents()).html()
    alert(info);
})
})
</script>
<iframe  name="iframeId" id="iframeId" style="width:95%;border:solid 1px #ccc;" src="http://localhost/~david/jquery-iframe2.htm"></iframe>
<button id="showIframeContent">iframe内容</button>

更多方法:

var info=$('body',$('iframe').contents()).html()
var info=$('body',$('iframe').eq(0).contents()).html()
var info=$('body',$('iframe:nth-child(1)').contents()).html()
var info=$('body',$('iframe:first').contents()).html()
var info=$('body',$($('iframe')[0]).contents()).html()
var info=$('#iframeId').contents().find('body').html()