亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js 一個關于圖片onload加載的事

2019-11-20 21:44:45
字體:
來源:轉載
供稿:網友

 首先先明確一下我要的目的:

  當用戶進入頁面的時候,顯示loading 加載圖標,等最大的圖片加載之后再opacity 圖片;

  功能很簡單,但是很蛋疼的是,我沒完全做出來;

  在做的時候,第一時間我自然想到了如下的方法:
  

復制代碼 代碼如下:

$(function(){
    $('.banner img').load(function(){
        console.log('已經加載')   
    });
});

熟話說的好呀,自信心太膨脹,到頭來打擊很大了;我以為這樣就可以了,然后看了一遍之后拿給老大,老大點了兩下,說一直不加載出來了,loading 轉轉轉的就是出不來,我說不應該呀,然后自己試一下,果真如此。

接著找了一下資料,發現上面說是緩存的原因,因為load加載的時候有限瀏覽器會因為緩存不會觸發load事件;沒果;我就發了一個狠招:

復制代碼 代碼如下:

window.onload=function(){
    console.log('已經加載')

};

嘿嘿,這樣還不行,我頂你個肺了;然后自信心又彭臟了,拿給老大,老大說行,第二天,客戶來電說頁面不加載,一個loading一直轉轉轉的;我無語的回答他說:應該是你們那網速太慢了。。。你在等等,過了一下他答:說這樣不行,雖然出來了,但等太久了;能不能讓時間稍微少一點;

  無奈,我就只能各種壓縮圖片呀,壓完之后,他還是覺得不太理想;老大說這樣可以了,現在項目還只是扔在空間上,這空間本來很慢,如果他網速慢,加載的時間自然也慢了。

  老大說是這樣說呀,任務還是沒完成啊,絞盡腦汁,偶然看到一個外國網站的輪播圖jq 插件,我下下來看了一下源碼,接著就誕生出了以下招數:

復制代碼 代碼如下:

var oImg = $('.banner img:eq(0)');
    oImg.attr('src')+'?'+(new Date()).getTime();
    oImg.load(function(){
        console.log('已經加載')   
    });

  經過測試很正常,這個意思就是,在進入頁面的時候,把圖片的地址加一個時間,這樣每次加載的時候就不會有緩存;而且也只是加載一張圖,一張加載完之后其他就不管;

經過改正,也沒跟老大說就傳了上去;這次我也不敢大意,就一直在測,這一測就測出不是問題的問題了;

  因為頁面加載的時候圖片路徑每次都會不同,所以每次都會去加載,消耗的時間跟第一次加載等同;那不就是說進入一次就要加載一次嗎?

  我暈.........

  經過數十次的嘗試,苦逼的我,終于找到了一個完敗上面所有方法的辦法 了:

復制代碼 代碼如下:

function imgloading(){
    console.log('已經加載')
}
//頁面調用
<img src="1.jpg" onload="imgloading();"/>

這樣就可以解決掉圖片緩存了,還是會觸發load事件;雖然我還不是具體理解這個;不過聽別人說,這還是因為頁面加載的原因;

眾所周知網頁是從上往下加載的;當加載到img的時候,我在ready里面獲取img 元素其實是取不到的;當頁面繼續往下加載,經過img之后,當前的img就代表加載完畢了,既然加載完畢,我想都加載了,介個load還有用嗎?

而上述的方法不難看出,頁面仔加載到img 的時候碰到了onload方法,它就知道了這個圖片必須要加載之后才出現。

好了。。。不知道有沒有同行遇到了本苦逼這樣的事情,是否找到了比這個更加完美的解決方案。。如果你有更完美的辦法,請一定要留言告知呀,萬分感謝,我總感覺還是有更加好的方法的。。。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
懂色aⅴ精品一区二区三区蜜月| 国产精品7m视频| 精品视频—区二区三区免费| 在线一区二区日韩| 国产精品成人播放| 欧美极品少妇xxxxx| 91在线免费视频| 欧美丝袜第一区| 久久精品99久久久久久久久| 欧美成人免费全部观看天天性色| 欧美激情性做爰免费视频| 精品在线欧美视频| 日韩电影免费在线观看中文字幕| 亚洲国内精品视频| 欧美一级片免费在线| 亚洲wwwav| 88国产精品欧美一区二区三区| 日韩黄色av网站| 日韩欧美亚洲一二三区| 国产精品日韩专区| 久久久久国产精品www| 久久免费国产视频| 少妇激情综合网| 亚洲成人a**站| 日韩在线观看电影| 亚洲精品福利免费在线观看| 久久精品在线播放| 欧美极品美女视频网站在线观看免费| 欧美剧在线观看| 久久精品国产精品亚洲| 日韩在线播放av| 欧美黑人xxxx| xvideos亚洲人网站| 欧美一区三区三区高中清蜜桃| 亚洲性69xxxbbb| 国产欧美精品在线| 亚洲欧美日韩综合| 久久网福利资源网站| 成人免费在线网址| 日韩精品在线观看一区二区| 久久夜精品va视频免费观看| 曰本色欧美视频在线| 久久在线免费视频| 亚洲区中文字幕| 久久精品电影网站| 精品欧美国产一区二区三区| 最近中文字幕日韩精品| 国产丝袜高跟一区| 欧美亚洲成人网| 国产综合久久久久久| 538国产精品一区二区在线| 国产精品99久久99久久久二8| 欧美亚洲国产日本| 欧美激情女人20p| 国产不卡av在线| 色综合亚洲精品激情狠狠| 色综合久久中文字幕综合网小说| 国产日产久久高清欧美一区| 亚洲国产欧美一区二区丝袜黑人| 91黑丝在线观看| 中文字幕av日韩| 色偷偷综合社区| 亚洲欧美www| 国产视频观看一区| 91黑丝在线观看| 欧美性猛交xxxx免费看久久久| 91精品免费久久久久久久久| 日韩在线免费高清视频| 51精品在线观看| 北条麻妃99精品青青久久| 午夜精品一区二区三区视频免费看| 午夜精品久久久久久99热软件| 91欧美精品午夜性色福利在线| 日韩欧美中文在线| 成人网址在线观看| 亚洲一区二区中文| 狠狠躁夜夜躁久久躁别揉| 亚洲午夜av电影| 日韩在线视频观看正片免费网站| 亚洲国产精品系列| 国产精品18久久久久久麻辣| 欧美日韩免费在线| 一本大道香蕉久在线播放29| 亚洲天堂av在线免费观看| 日韩精品在线看| 国产极品精品在线观看| 亚洲成人精品视频在线观看| 色阁综合伊人av| 久久久影视精品| 91极品女神在线| 亚洲男人的天堂在线播放| 北条麻妃久久精品| 91精品视频观看| 国内精品久久久久伊人av| 亚洲2020天天堂在线观看| 久久久久久成人| 成人免费午夜电影| 亚洲国产一区二区三区在线观看| 午夜精品久久久久久久99黑人| 久久久久久这里只有精品| 欧美日韩国产精品一区二区不卡中文| 日韩精品电影网| 国产精品偷伦一区二区| 亚洲国产精品yw在线观看| 国内精品400部情侣激情| 91精品国产乱码久久久久久久久| 97婷婷大伊香蕉精品视频| 精品日本高清在线播放| 国产精品美女无圣光视频| 日韩精品免费在线视频观看| 91黄色8090| 国产欧洲精品视频| 久久91亚洲精品中文字幕奶水| 国产美女高潮久久白浆| 亚洲女人天堂色在线7777| 色悠悠国产精品| 欧美日韩精品中文字幕| 国产精品免费电影| 91在线无精精品一区二区| 欧美激情乱人伦一区| 美乳少妇欧美精品| 九九视频直播综合网| 久久艳片www.17c.com| 午夜精品久久久久久久久久久久久| 成人精品一区二区三区| 亚洲色图欧美制服丝袜另类第一页| 国产剧情日韩欧美| 免费97视频在线精品国自产拍| 国产成人精品在线视频| 黑人巨大精品欧美一区二区三区| 18一19gay欧美视频网站| 夜夜狂射影院欧美极品| 亚洲男人天堂手机在线| 日韩精品在线私人| 亚洲国产日韩欧美在线图片| 最新国产精品拍自在线播放| 日韩黄色高清视频| 国产精品成人av性教育| 国产一区二区三区欧美| 亚洲免费视频网站| 成人写真视频福利网| 77777少妇光屁股久久一区| 亚洲福利影片在线| 97色在线观看| 色综合久久精品亚洲国产| 久久久国产精彩视频美女艺术照福利| 中文字幕成人在线| 欧美国产日韩中文字幕在线| 国产精品91久久久| 日韩欧美亚洲范冰冰与中字| 久久久久九九九九| 欧美电影免费观看网站| 亚洲天天在线日亚洲洲精| 久久人人爽亚洲精品天堂| 粗暴蹂躏中文一区二区三区| 日韩精品视频中文在线观看| 欧美老女人bb| 日韩av中文在线| 国产精品日韩专区| 992tv在线成人免费观看| 红桃视频成人在线观看| 日韩在线视频网站| 亚洲高清久久久久久| 久久久国产在线视频|