一、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);

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。