JavaScript Image物件 整理
阿新 • • 發佈：2020-08-15
一、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 | 當影象裝載完畢時呼叫的事件控制代碼。 | Yes |
標準屬性和事件
二、常用使用方法
var img = new Image(); img.onload = function () { console.info('載入成功'); } //先繫結事件，然後指定地址 img.src = '../img/images/2.jpg'; document.body.appendChild(img); console.info(img);
更多：