Image对象

17 Jun 2014 By Sharon

new Image() 的用法

Image对象是HTML DOM 自带的对象，主要的作用是可以再浏览器缓存一张图片,使用方法如下：

    new Image(width, height); //width是指图片的宽度,height 是指图片的高度

图片对象具有的属性如下：

border:number,图片的边框
align:left|right|top|middle|bottom 对齐方式
alt:string 替代文本
complete:boolean 当前img对象是否加载完成
src:string 当前img的源
hspace:pixels 图片的水平留白
vspace:pixels 图片的垂直留白
className: 样式名字
title: img的title

图片对象具有的事件如下：

onload: 当图像装载完毕时调用的方法，此时complete为true
onabort: 用户放弃图像装载时调用的方法，此时complete为true
onerror: 在装载对象发生错误时调用的方法，此时complete为true

var img=new Image();
img.border = '3';
img.hspace = '50';
img.vspace = '50';      
img.onload=function(){alert("img is loaded")};
img.onerror=function(){alert("error!")};
img.src="http://source.qunar.com/site/images/wns/20140530_qunar_homepage_logo_100x70_4185.jpg";
function show(){alert("body is loaded");};
window.onload=show;