判断脚本 图片 CSS iframe等是否加载完成

1.图片

<img id="MyImg" src="src"/>

jquery实现：

$("#MyImg").load(function(){

})

说明：在jquery中load方法是在对象加载完毕后触发

javascript实现：

JS判断img图片是否加载完成：使用onload或者onreadystatechange

function isImgLoad(){

if(!!window.ActiveXObject){ // IE

if(img.readyState == 'complete'){

alert('finished');

}

else{

alert('loading');

}

}

else{

// 非IE

if(plete == true){

alert('finished');

}

else{

alert('loading');

}

}

}

2.动态加载js,css文件

function loadjscssfile(filename,filetype){

if(filetype == "js"){

var fileref = document.createElement('script');

fileref.setAttribute("type","text/javascript");

fileref.setAttribute("src",filename);

}else if(filetype == "css"){

var fileref = document.createElement('link');

fileref.setAttribute("rel","stylesheet");

fileref.setAttribute("type","text/css");

fileref.setAttribute("href",filename);

}

if(typeof fileref != "undefined"){

document.getElementsByTagName("head")[0].appendChild(fileref);

}

}

loadjscssfile("do.js","js");

loadjscssfile("test.css","css");

3.判断iframe是否加载完成

var iframe = document.createElement("iframe");

iframe.src = "";

if (!/*@cc_on!@*/0) { //if not IE

iframe.onload = function(){

alert("Local iframe is now loaded.");

};

} else {

iframe.onreadystatechange = function(){

if (iframe.readyState == "complete"){

alert("Local iframe is now loaded.");

}

};

}

document.body.appendChild(iframe);

或者：

var iframe = document.createElement("iframe");

iframe.src = "";

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);