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	當圖像裝載完畢時調用的事件句柄。	Yes

標准屬性和事件

Image 對象同樣支持標准的 屬性 和 事件。

 

二、常用使用方法

 

        var img = new Image();
        img.onload = function () {
            console.info('加載成功');
        }
        //先綁定事件，然后指定地址
        img.src = '../img/images/2.jpg';
        document.body.appendChild(img);
        console.info(img);

 

 

更多：

JavaScript Window對象 整理

Javascript 字符串(三) String對象&方法  

Javascript 數學函數 Math(二)