在看别人的程序，用到了new image()这种方法，然而怎么看也不是很明白；
于是就上网搜，然而却没有一个人能够解开我心中的疑惑，因为没有一个人的程序是完整的，
即使我知道怎么用，但是我看不到效果就是白搭......
图像对象：
建立图像对象：图像对象名称=new Image([宽度],[高度])
图像对象的属性： border complete height hspace lowsrc name src vspace width
图像对象的事件：onabort onerror onkeydown onkeypress onkeyup onload
完整代码如下：
<!doctype html>
<html>
<head>
<Meta charset="utf-8">
</head>
<body>
<div id="one"></div>
<div></div>
<script>
var img=new Image();
img.src="http://1.huanssky.applinzi.com/ablum/img/17.png";//如果不能用的话，改成自己的位置
img.onload=function(){alert("img is loaded")};
img.onerror=function(){alert("error!")};
img.border="3px solid #ccc";
function show(){alert("body is loaded");console.log(img.width+" "+img.height)};
window.onload=show;
document.getElementById("one").appendChild(img);
</script>
</body>
</html>
效果图如下：
另外如果你想控制img的大小，可以这样创建var img=new Image(400,300);
生成img之后，不要忘了将其添加到某个标签之下，开始我就是没有添加，代码可以运行，但是就是看不到图片。
另外，从程序运行来看，先是图片加载成功，再是window.onload 事件触发。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
