设为首页 - 加入收藏 - 网站地图 欢迎加QQ群 :14364084
当前位置:谭博的博客 > 编程语言 > js > javascript > 正文

如何使用js判断iframe是否加载完成,兼容各种浏览器

时间:2011-09-20 10:28 来源:谭博官网 标签: 作者:谭博 阅读:

 

如何使用js判断iframe是否加载完成,兼容各种浏览器

<iframe src="http://hiphotos.baidu.com/stone_lzm/pic/item/098b21cb7d814100f31fe76e.jpg" id="iframe" style="display:none;"></iframe>
<div id="img"></div>
 <script language="JavaScript">
function iframeLoaded(iframeEl, callback) {
        if(iframeEl.attachEvent) {
            iframeEl.attachEvent("onload", function() {
                if(callback && typeof(callback) == "function") {
                    callback();
                }
            });
        } else {
            iframeEl.onload = function() {
                if(callback && typeof(callback) == "function") {
                    callback();
                }
            }
        }
    }


function tt(){

document.getElementById('img').innerHTML='<img src="'+document.getElementById('iframe').src+'"/>';
}

iframeLoaded(document.getElementById('iframe'),tt);

  </script>

 

关注微信公众号

微信扫一扫,打赏我

热评文章
    内容不错,支持一下
    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)