代码改变世界

利用iframe异步获取数据

2011-04-08 10:06  rocdu  阅读(437)  评论(0)    收藏  举报

设:
A.html=为父页面;
B.html=为子页面;

B.html
/*数据源*/
<div id=”content”>测试内容测试内容</div>


A.html
/*回填ID*/
<div id=”backfill”></div>

<script type="text/javascript">
jQuery(function(jQ){
    jQ(“body”).append(‘<iframe id=”iframeID” width=”0″ height=”0″ marginheight=”0″ marginwidth=”0″ scrolling=”no” frameborder=”0″></iframe>’).find(“#iframeID”).attr(“src”,”B.html”);
    if (jQ(“#iframeID”)[0].attachEvent){//for IE
        jQ(“#iframeID”)[0].attachEvent(“onload”, function(){
            jQ(“#backfill”).html(j(“#iframeID”).contents().find(“#content”).html())
        })
    }else{
        jQ(“#iframeID”)[0].onload = function(){
            jQ(“#backfill”).html(jQ(“#iframeID”).contents().find(“#content”).html())
        }
    }
})
</script>