JavaScript Image对象实现原理实例解析
一、JavaScriptImage对象整理
Image对象
Image对象代表嵌入的图像。
标签每出现一次，一个Image对象就会被创建。
Image对象属性
W3C:W3C标准。
| 属性 | 描述 | W3C |
|---|---|---|
| align | 设置或返回与内联内容的对齐方式。 | Yes |
| alt | 设置或返回无法显示图像时的替代文本。 | Yes |
| border | 设置或返回图像周围的边框。 | Yes |
| complete | 返回浏览器是否已完成对图像的加载。 | No |
| height | 设置或返回图像的高度。 | Yes |
| hspace | 设置或返回图像左侧和右侧的空白。 | Yes |
| longDesc | 设置或返回指向包含图像描述的文档的URL。 | Yes |
| lowsrc | 设置或返回指向图像的低分辨率版本的URL。 | No |
| name | 设置或返回图像的名称。 | Yes |
| src | 设置或返回图像的URL。 | Yes |
| useMap | 设置或返回客户端图像映射的usemap属性的值。 | Yes |
| vspace | 设置或返回图像的顶部和底部的空白。 | Yes |
| width | 设置或返回图像的宽度。 | Yes |
Image对象事件
| 事件 | 描述 | W3C |
|---|---|---|
| onabort | 当用户放弃图像的装载时调用的事件句柄。 | Yes |
| onerror | 在装载图像的过程中发生错误时调用的事件句柄。 | Yes |
| onload | 当图像装载完毕时调用的事件句柄。 |
二、常用使用方法
varimg=newImage();
img.onload=function(){
console.info('加载成功');
}
//先绑定事件，然后指定地址
img.src='../img/images/2.jpg';
document.body.appendChild(img);
console.info(img);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。