请问图片预加载是这样吗?有什么作用?
代码如下所示,方法1没有预加载,方法2是预加载。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | // 方法1:先创建HTML标签,后加载图片 var myImage = document.createElement( "img" ); myImage.src = "../image/database.gif" ; EventUtil.addListener(myImage, "load" , function () { alert( "The image is loaded." ); }); // 方法2:图片预加载 var myImage = new Image(); myImage.src = "../image/database.gif" ; EventUtil.addListener(myImage, "load" , function () { alert( "The image is loaded." ); }); |
不管哪一种方法,最后都要把图片显示出来,所以都要插入img标签,例如:
document.body.appendChild(myImage);
源自:JS事件
3-1 事件类型(一)
4
收起
正在回答
2回答
同学你好,目前只要知道图片预加载,自己会实现代码即可,那样在以后遇到具体问题的时候,就知道该怎么实现了。
希望我的回答能够帮助到你,望采纳,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧