如题,我去GOOGLE搜了一下,但要么代码太多,要么不能正确执行,总之希望大家给个简单的代码或思路,时间有点紧。图片加载完成后alert就下就OK。非常感谢。
解决方案 »
- extjs中 如何去除frompanel中的一个非空判断(内容)
- 为什么从prototype.js在myeclipse里边是乱码呢?怎么处理这个问题呢?
- javascript 表单无法提交的问题
- 关于自增/减操作符的问题
- 菜鸟问一下关于Ext4.2 Window中用Loader加载URl的问题
- 如何实现批量上传文件(包括前台),急!谢谢
- isInteger函数问题
- 下拉菜单被框架挡住了,谁能给个简单实用一点的例子?
- 同样的程序不同的结果?
- 用仿163网盘无刷新多文件上传系统时,上传的文件名总是少半个引号,一直找不着,求大侠告知
- EXT.NET问题请教.....急急急
- 不刷新 怎么显示我隐藏的文本框???
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>判断图片是否加载完成</title></head>
<body>
<img id="img1" src="http://www.szczw2008.com/Photo/UploadPhotos/200903/2009030800554373.gif" />
<img src="http://www.hangyezhishi.com/uploadfile/2009/0509/20090509030802951.jpg"/>
<img id="img2" src="http://shimg.focus.cn/upload/photos/2911/oRl1RWaA.jpg" />
</body>
</html>
<script language="JavaScript">
document.getElementById("img2").onload=function()
{
alert("图片加载已完成");
}
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>判断图片是否加载完成</title></head>
<body>
<img id="img2" src="images/1.jpg" />
</body>
</html>
<script language="JavaScript">
document.getElementById("img2").onload = function () {
alert("图片加载已完成");
}
</script>
改下图片地址就行了
//jquery的方式
$("#imageId").load(function(){
alert("加载完成!");
});
js的onload是等到所有加载完才执行 话是没错,,我试过,貌似谷歌,ie是对的,,火狐不是这样的
这是对的
function loadImage(url, callback) {
var img = new Image(); //创建一个Image对象,实现图片的预下载
img.src = url;
if(img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数
callback.call(img);
return; // 直接返回,不用再处理onload事件
}
img.onload = function () { //图片下载完毕时异步调用callback函数。
callback.call(img);//将回调函数的this替换为Image对象
};
};