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(img.complete == 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 = "http://www.jb51.net";
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 = "http://www.jb51.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);