第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

與瀏覽器無關(guān)的方式來檢測何時加載圖像

與瀏覽器無關(guān)的方式來檢測何時加載圖像

Qyouu 2019-09-02 10:07:12
在IE中,您可以onreadystatechange。有載入,但我讀了可怕的東西。jQuery用“就緒”很好地包裝了DOM的加載事件。我似乎只是不知道另一個很好的庫的圖像加載實現(xiàn)。上下文是我動態(tài)生成圖像(通過服務(wù)器回調(diào)),可能需要一些時間下載。在我的IE-only代碼中,我設(shè)置了img元素的src,然后當(dāng)onreadystatechange事件以“完成”狀態(tài)觸發(fā)時,我將它添加到DOM,以便用戶看到它。我對“原生”JavaScript解決方案或指向執(zhí)行工作的庫的指針感到滿意。那里有很多圖書館,我確信這是我不知道正確的圖書館的情況。也就是說,我們已經(jīng)是jQuery用戶了,所以我并不急于為了獲得這個功能而添加一個非常大的庫。
查看完整描述

3 回答

?
大話西游666

TA貢獻(xiàn)1817條經(jīng)驗 獲得超14個贊

我找到的唯一可靠的方法就是在客戶端這樣做,就像這樣......


var img = new Image();

img.onload = function() {

  alert('Done!');

}

img.src = '/images/myImage.jpg';


查看完整回答
反對 回復(fù) 2019-09-02
?
元芳怎么了

TA貢獻(xiàn)1798條經(jīng)驗 獲得超7個贊

我認(rèn)為onload應(yīng)該工作正常。您是否必須為圖像生成標(biāo)記,還是可以靜態(tài)添加它們?如果是后者,我建議如下:


<img src="foo.png" class="classNeededToHideImage" onload="makeVisible(this)">

或者,您可以使用window.onload一次性顯示所有圖像 - window.onload在所有外部資源完成加載后觸發(fā)。


如果要動態(tài)添加圖像,首先必須等待DOM準(zhǔn)備好進(jìn)行修改,即使用jQuery或為本機(jī)不支持的瀏覽器實現(xiàn)自己的DOMContentLoaded hack。


然后,您可以創(chuàng)建圖像對象,指定onload偵聽器以使其可見和/或?qū)⑺鼈兲砑拥轿臋n中。


更好(但稍微復(fù)雜一點(diǎn))就是在腳本執(zhí)行時立即創(chuàng)建并開始加載圖像。在DOMContentLoaded上,您必須檢查每個圖像complete以決定是將它們立即添加到文檔還是等待圖像的onload偵聽器觸發(fā)。


查看完整回答
反對 回復(fù) 2019-09-02
  • 3 回答
  • 0 關(guān)注
  • 326 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號