HTML DOM教程 26-HTML DOM Image 对象
HTML DOM Image 对象
1:Image 对象
Image 对象代表一幅嵌入的图像。
<img> 标签每出现一次,一个 Image 对象就会被创建。
2:Image 对象的属性
属性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
align | 设置或返回与内联内容的对齐方式。 | 5 | 1 | 9 | Yes |
alt | 设置或返回无法显示图像时的替代文本。 | 5 | 1 | 9 | Yes |
border | 设置或返回图像周围的边框。 | 4 | 1 | 9 | Yes |
complete | 返回浏览器是否已完成对图像的加载。 | 4 | 1 | 9 | No |
height | 设置或返回图像的高度。 | 4 | 1 | 9 | Yes |
hspace | 设置或返回图像左侧和右侧的空白。 | 4 | 1 | 9 | Yes |
id | 设置或返回图像的 id。 | 4 | 1 | 9 | Yes |
isMap | 返回图像是否是服务器端的图像映射。 | 5 | 1 | 9 | Yes |
longDesc | 设置或返回指向包含图像描述的文档的 URL。 | 6 | 1 | 9 | Yes |
lowsrc | 设置或返回指向图像的低分辨率版本的 URL。 | 4 | 1 | 9 | No |
name | 设置或返回图像的名称。 | 4 | 1 | 9 | Yes |
src | 设置或返回图像的 URL。 | 4 | 1 | 9 | Yes |
useMap | 设置或返回客户端图像映射的 usemap 属性的值。 | 5 | 1 | 9 | Yes |
vspace | 设置或返回图像的顶部和底部的空白。 | 4 | 1 | 9 | Yes |
width | 设置或返回图像的宽度。 | 4 | 1 | 9 | Yes |
3:标准属性
Property | Description | IE | F | O | W3C |
---|---|---|---|---|---|
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title。 | 5 | 1 | 9 | Yes |
4:Image 对象的事件句柄
事件句柄 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
onabort | 当用户放弃图像的装载时调用的事件句柄。 | 5 | 1 | 9 | Yes |
onerror | 在装载图像的过程中发生错误时调用的事件句柄。 | 5 | 1 | 9 | Yes |
onload | 当图像装载完毕时调用的事件句柄。 | 5 | 1 | 9 | Yes |
5:complete 属性
下面的例子可检测图形是否已完成加载:
<html>
<head>
<script type="text/javascript">
function alertComplete()
{
alert(document.getElementById("compman").complete
)
}
</script>
</head>
<body onload="alertComplete()">
<img id="compman" src="compman.gif" alt="Computerman"
width="107" height="98" />
</body>
</html>