图片没有加到页面中，就可以触发load事件。而js文件为什么就不行？

var image = document.getElementById("img");

EventUtil.addHandler(image, "load", function(e) {

alert("图片加载完毕 ");

})

image.src = "1.png";

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

EventUtil.addHandler(script, "load", function(event){

alert("js Loaded");

});

script.src = "jquery.js";

document.body.appendChild(script);——？？？

源自：JS事件 3-1 事件类型（一）

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2019-07-12 10:45:53

同学你好，这两个是有区别。

img图片的src地址只要能加载成功，load事件就会触发，而script需要追加到页面中才能触发load事件。记住这样使用就可以。

祝学习愉快！

好帮手慕星星 2019-07-06 10:55:58

你好，图片加载的时候看起来图片没有显示，就看到了弹框提示，但是实际上是加载成功的，因为alert()方法会阻断代码运行，所以看不到图片。可以在代码中输出下执行顺序：

是图片加载完之后才执行的load事件，所以是加载成功的，可以将alert方法换成console.log()方法测试。

祝学习愉快！

提问者慕尼黑5122342 #1

之前写错了是：var image = document.createElement("img"); 为什么要加document.body.appendChild(script);才算 "jquery.js"文件加载完成。而img没有加载到页面中，也算图片加载完成了。

2019-07-08 18:38:47
Miss路回复提问者慕尼黑5122342 #2

同学，你好。只有追加到页面中，才能加载，所以只有写了appendChild（script）之后才会加载。

2019-07-08 19:44:33
提问者慕尼黑5122342 #3

可是image图片没有加载到页面中啊？为什么也会触发load事件

2019-07-12 09:36:25