判断 iframe 是否加载完成的完美方法(转)

般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似:

var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";
if (!/*@[email protected]*/0) { //if not IE
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };
} else {
    iframe.onreadystatechange = function(){//ie
        if (iframe.readyState == "complete"){
            alert("Local iframe is now loaded.");
        }
    };
}
document.body.appendChild(iframe);

 最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美)

var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";
if (iframe.attachEvent){
    iframe.attachEvent("onload", function(){
        alert("Local iframe is now loaded.");
    });
} else {
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };
}
document.body.appendChild(iframe);
时间: 2024-10-09 23:25:05

判断 iframe 是否加载完成的完美方法(转)的相关文章

js下判断 iframe 是否加载完成的完美方法

var iframe = document.createElement("iframe"); iframe.src = "http://sc.jb51.net"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { iframe.onload =

判断 iframe 是否加载完成的完美方法

var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){    iframe.attachEvent("onload", function(){        alert("Local iframe is now loaded.");    });} else { 

判断 iframe 是否加载完毕

方法一.jQuery load() var frm = document.getElementById('myiframe'); $(frm).load(function(){ // 等iframe加载完毕 dosomething(); }); 方法二.onreadystatechange var iframe = document.createElement("myiframe"); iframe.src = "http://www.baidu.com"; if

完美判断iframe是否加载

var iframe = document.createElement("iframe");iframe.style.width = "265px";iframe.style.height = "490px";iframe.style.border = "none";iframe.src = "http://cnblogs.com/walls";        if(iframe.attachEvent){

完美判断iframe是否加载完成

var iframe = document.createElement("iframe"); iframe.style.width = "265px"; iframe.style.height = "490px"; iframe.style.border = "none"; iframe.src = "http://cnblogs.com/walls"; if(iframe.attachEvent){ //

document.readyState等属性,判断页面是否加载完

如何在页面加载完成后再去做某事?什么方法可以判断当前页面加载已完成?document.readyState 判断页面是否加载完成?javascript提供了document.readyState=="complete"方法来解决当前页面加载判断的问题. <script type="text/javascript">   function initView(){         if (document.readyState=="complete

js判断页面是否加载完成

1.javascript.jquery: 方法一: window.onload=function(){ } 方法二: //判断网页是否加载完成 document.onreadystatechange=function(){ if(document.readyState=="complete"){ document.getElementById('divpro').style.display='none' } } 方法三: ;(function($,undefined){ $(funct

判断JS是否加载完成

在正常的加载过程中,js的加载都是同步的,也就是在加载过程中,浏览器会阻塞接下来的内容的加载.这时候我们就要用到动态加载,动态加载是异步的,如果我们在后边要用到这个动态加载的js文件里的东西,就要保证这个文件加载完成后,再执行下面的内容. 如何判断js是否加载完成?(实现loadScript(url,callback)异步加载脚本,完成后执行回调函数,要求支持IE) 我们使用document的readyState属性:document.readyState readyState 属性返回当前文档

JavaScript实现判断图片是否加载完成的3种方法整理

JavaScript实现判断图片是否加载完成的3种方法整理 有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明. onload方法 通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码.如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将