JS用innerHTML动态添加图片，图片onload事件无法执行

Question

最好是inner后再注册事件。

Answer 1

<SCRIPT LANGUAGE="JavaScript">
<!--
function addIMG(){ 
  document.getElementById("test").innerHTML = ' <img src="http://list.mp3.baidu.com/list/images/tupic/funny_gaoxiaokatong03.jpg" onload="imgOnload()">'; 
} 
//-->
function imgOnload(){
alert("111")
}
</SCRIPT>
<div id="test"></div>
<INPUT TYPE="button" NAME="aa" onclick="addIMG()" value="ssss">

Answer 2

楼主要做什么呢？你是怎么加载图片的啊？js 预加载 图片：var img = new Image();
img.onload=function(){
alert(this.width +" "+this.height);
// 其它逻辑代码
}
img.src=""; // 图片url
多个图片，可以 把图片url 保存到数组，循环设置

Answer 3

这个应该不行吧，JS好像是在全局文档都加载完后才执行的。
然后你又要输出img 在 onload 执行函数，太矛盾了

Answer 4

inner方法是动态添加的，是不会执行用它添加的事件
你在查看页面源代码是看不到添加后的代码