www.baike369.com
百科369 > JS教程 > JavaScript图像(Image)对象

JavaScript图像(Image)对象



JavaScript图像(Image)对象

Document对象的images属性的返回值是一个数组,数组中的每一个元素都是一个Image对象。在这里将会介绍Image对象的属性、事件以及使用方法。

JavaScript图像(Image)对象介绍

Image对象,又称为图像对象。

JavaScript图像(Image)对象的属性

图像(Image)对象拥有属于自己的属性,这些属性主要用于描述图片的宽度、高度、边框或地址等信息。

JavaScript图像(Image)对象的事件

图像(Image)对象没有可以使用的方法,但是Image对象支持abort、error等事件,这些事件是大多数其它对象都不支持的。

JavaScript图像(Image)对象显示的图片的信息

图像(Image)对象的属性大多都可以用来获取图片的信息,而图片的这些信息是在<img>标签中指定的。

JavaScript使用images[]数组访问图像属性

Document对象的images[]数组包含由XHTML中<img>标签定义的与图像相关的对象。

JavaScript通过单击按钮来改变图片

我们将一张图片载入到网页中,打开页面会出现一张图片,当单击“改变图片”按钮时,会显示出另一张图片,来替换原来的图片。

JavaScript使用图像(Image)对象变换图片

图像(Image)对象中的大多数属性都是只读属性,但是其中的src属性却是一个可读写的属性,通过改变Image对象中的src属性值,可以变换图片。

JavaScript使用图像(Image)对象设置随机图片

使用图像(Image)对象设置随机图片之前,先产生一个随机数,再根据随机数来显示一张图片。

JavaScript使用图像(Image)对象动态改变图片大小

使用图像(Image)对象的width属性和height属性可以动态改变图片的大小。

Copyright© 2011-2016 www.baike369.com All Rights Reserved