需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：$('body').append('<img src="https://www.baidu.com/img/bd_logo1.png" />')。
3、浏览器运行index.html页面，此时图片被js成功显示到页面上。
(1)方法 1 <script type="text/javascript ">var obj=new Image()obj.src="http://www. phpernote.com/uplo adfiles/editor/20110 7240502201179.jpg"obj.onload=function（）{ alert('图片的宽度为: '+obj.width+'图片的 高度为:'+obj.height)document.getElemen tById("mypic").innner HTML="<img src='"+this.src+"' />"
}
</script>
<div id="mypic">onloadi ng......</div>
方法 2
<script type="text/javascript ">
var obj=new Image()obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg"
obj.onreadystatechange=function(){ if(this.readyState==" complete") alert('图片的宽度为: '+obj.width+'图片的 高度为:'+obj.height)document.getElementById("mypic").innner HTML="<img src='"+this.src+"' />"
}
}
</script>
<div id="mypic">onloadi
<script>function aaa() {
document.getElementById('aa').innerHTML = ''
}
</script>
<div style="margin:300px 0px 0px 300px">
<div id="aa" style="margin-bottom:-30px">载入中……</div>
<div><img src="图片地址" onload="aaa()" border="0" /></div>
</div>
在图片载入前 会显示onload 希望有帮助
