JavaScript Image对象实现原理实例解析
一、JavaScript Image对象 整理
Image 对象
Image 对象代表嵌入的图像。
<img> 标签每出现一次，一个 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 | 当图像装载完毕时调用的事件句柄。 |
二、常用使用方法
var img = new Image();
img.onload = function () {
console.info('加载成功');
}
//先绑定事件，然后指定地址
img.src = '../img/images/2.jpg';
document.body.appendChild(img);
console.info(img);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍Python字典对象实现原理详解，包括了Python字典对象实现原理详解的使用技巧和注意事项，需要的朋友参考一下 字典类型是Python中最常用的数据类型之一，它是一个键值对的集合，字典通过键来索引，关联到相对的值，理论上它的查询复杂度是 O(1) ： 在字符串的实现原理文章中，曾经出现过字典对象用于intern操作，那么字典的内部结构是怎样的呢？PyDictObject对象就是di
-
本文向大家介绍Java Lock接口实现原理及实例解析，包括了Java Lock接口实现原理及实例解析的使用技巧和注意事项，需要的朋友参考一下 1、概述 JUC中locks包下常用的类与接口图如下： 图中，Lock和ReadWriteLock是顶层锁的接口，Lock代表实现类是ReentrantLock（可重入锁），ReadWriteLock（读写锁）的代表实现类是ReentrantReadWri
-
本文向大家介绍Python DES加密实现原理及实例解析，包括了Python DES加密实现原理及实例解析的使用技巧和注意事项，需要的朋友参考一下 加密流程 首先说一下置换的意思，比如说有5678这个字符串，置换表为2143，置换表中的数表示的是位置，所以字符串变成6587。所有的置换表在程序中。（S盒置换不一样，会另外说明） 密钥部分 把8位字符串密钥变成2进制（好像密钥只可以是8位，这一块我
-
本文向大家介绍Java CAS底层实现原理实例详解，包括了Java CAS底层实现原理实例详解的使用技巧和注意事项，需要的朋友参考一下 这篇文章主要介绍了Java CAS底层实现原理实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一、CAS（compareAndSwap）的概念 CAS，全称Compare And Swap（比较与交换），
-
本文向大家介绍MyBatis缓存实现原理及代码实例解析，包括了MyBatis缓存实现原理及代码实例解析的使用技巧和注意事项，需要的朋友参考一下 一、一级缓存（本地缓存） sqlSession级别的缓存。一级缓存是一直开启的；SqlSession级别的一个Map与数据库同一次会话期间查询到的数据会放在本地缓存中。以后如果需要获取相同的数据，直接从缓存中拿，没必要再去查询数据库； 一级缓存失效
-
本文向大家介绍ReentrantLock实现原理详解，包括了ReentrantLock实现原理详解的使用技巧和注意事项，需要的朋友参考一下 以下是本篇文章的大纲 1 synchronized和lock 1.1 synchronized的局限性 1.2 Lock简介 2 AQS 3 lock()与unlock()实现原理 3.1 基础知识 3.2 内部结构 3