JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
一、JavaScript Image對(duì)象 整理
Image 對(duì)象
Image 對(duì)象代表嵌入的圖像。
<img> 標(biāo)簽每出現(xiàn)一次,一個(gè) Image 對(duì)象就會(huì)被創(chuàng)建。
Image 對(duì)象屬性
W3C: W3C 標(biāo)準(zhǔn)。
屬性 描述 W3C align 設(shè)置或返回與內(nèi)聯(lián)內(nèi)容的對(duì)齊方式。 Yes alt 設(shè)置或返回?zé)o法顯示圖像時(shí)的替代文本。 Yes border 設(shè)置或返回圖像周圍的邊框。 Yes complete 返回瀏覽器是否已完成對(duì)圖像的加載。 No height 設(shè)置或返回圖像的高度。 Yes hspace 設(shè)置或返回圖像左側(cè)和右側(cè)的空白。 Yes longDesc 設(shè)置或返回指向包含圖像描述的文檔的 URL。 Yes lowsrc 設(shè)置或返回指向圖像的低分辨率版本的 URL。 No name 設(shè)置或返回圖像的名稱。 Yes src 設(shè)置或返回圖像的 URL。 Yes useMap 設(shè)置或返回客戶端圖像映射的 usemap 屬性的值。 Yes vspace 設(shè)置或返回圖像的頂部和底部的空白。 Yes width 設(shè)置或返回圖像的寬度。 Yes
Image 對(duì)象事件
事件 描述 W3C onabort 當(dāng)用戶放棄圖像的裝載時(shí)調(diào)用的事件句柄。 Yes onerror 在裝載圖像的過(guò)程中發(fā)生錯(cuò)誤時(shí)調(diào)用的事件句柄。 Yes onload 當(dāng)圖像裝載完畢時(shí)調(diào)用的事件句柄。
二、常用使用方法
var img = new Image(); img.onload = function () { console.info(’加載成功’); } //先綁定事件,然后指定地址 img.src = ’../img/images/2.jpg’; document.body.appendChild(img); console.info(img);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. XML入門的常見(jiàn)問(wèn)題(一)2. 低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案3. asp使用Weekday函數(shù)計(jì)算項(xiàng)目的結(jié)束時(shí)間4. ASP中if語(yǔ)句、select 、while循環(huán)的使用方法5. IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案6. 使用XSL將XML文檔中的CDATA注釋輸出為HTML文本7. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向8. 讀寫(xiě)xml文件的2個(gè)小函數(shù)9. asp讀取xml文件和記數(shù)10. 告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
