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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。