亚洲欧美成人综合一区_国产精品一区二区无码_亚洲风情偷拍区_成?人免费无码视频在线看

在線客服與您一對一交流

jquery獲取圖片高度為0

query事件加載的方法 
代碼如下:
寫法一:$(function(){}); 
寫法二:window.onload=function(){}  ; 或者$(window).load(function(){});
$(window).load(function(){
... //此處省略N行
var w = $(this).width();
... //此處省略N行
});
第一種寫法呢,是在DOM結(jié)構(gòu)渲染完成以后調(diào)用的,這時候網(wǎng)頁中一些資源還沒有加載,比如圖片等資源,但是DOM結(jié)構(gòu)已經(jīng)渲染成功了 
第二種寫法,是在網(wǎng)頁DOM結(jié)構(gòu)渲染完成,而且資源已經(jīng)加載成功以后調(diào)用的。 
有沒有感受出區(qū)別來呢,一個是在資源沒有加載的時候調(diào)用的,一個是在資源加載結(jié)束,頁面已經(jīng)渲染之后調(diào)用的,所以當我們在$(function(){})調(diào)用$('img').width()的時候,由于圖片還沒有加載,所以這時候<img>標簽的高度就是0,所以返回值就是0。但是當你用window.onload=function(){}調(diào)用的時候,圖片已經(jīng)加載出來了,所以這時候就能得到圖片的高度。 
所以記得,$(function(){})是在DOM渲染結(jié)束,資源還沒有加載的時候執(zhí)行的,如果你想獲取到一些資源的信息,這個時候是沒有辦法的哦 

javaScript & jquery完美判斷圖片是否加載完畢
var t_img; // 定時器
var isLoad = true; // 控制變量
 
// 判斷圖片加載狀況,加載完成后回調(diào)
isImgLoad(function(){
    // 加載完成
});
 
// 判斷圖片加載的函數(shù)
function isImgLoad(callback){
    // 注意我的圖片類名都是cover,因為我只需要處理cover。其它圖片可以不管。
    // 查找所有封面圖,迭代處理
    $('.cover').each(function(){
        // 找到為0就將isLoad設(shè)為false,并退出each
        if(this.height === 0){
            isLoad = false;
            return false;
        }
    });
    // 為true,沒有發(fā)現(xiàn)為0的。加載完畢
    if(isLoad){
        clearTimeout(t_img); // 清除定時器
        // 回調(diào)函數(shù)
        callback();
    // 為false,因為找到了沒有加載完成的圖,將調(diào)用定時器遞歸
    }else{
        isLoad = true;
        t_img = setTimeout(function(){
            isImgLoad(callback); // 遞歸掃描
        },500); // 我這里設(shè)置的是500毫秒就掃描一次,可以自己調(diào)整
    }
}

相關(guān)文章:

  • 帝國CMS是什么程序 帝國CMS是一套開源的靜態(tài)頁面程序,憑借超高的擴展性,很多知名的新聞?wù)军c、行業(yè)站點都是應(yīng)用的帝國CMS后端。因為帝國CMS和dedecms一樣都是生成靜態(tài)頁面的,所以非常利于...

  • 域名解析DNS分為顯性URL和隱形URL,顯性URL和隱形URL有什么區(qū)別?隱形URL和顯性URL哪個更有利于SEO?顯性URL相當于域名了302重定向,隱形URL使用iframe框架技術(shù)隱藏真實目標地址,顯性URL更有利于...

  • 在常見的CMS系統(tǒng)中,我對dedecms算是比較熟悉的,自己網(wǎng)站用的也是這個系統(tǒng)。系統(tǒng)功能強大使用靈活,相信這也是它受到大多數(shù)中小站長青睞的原因。 再好的系統(tǒng)也有照顧不周的地方,很多站...

  • 這篇文章主要為大家詳細介紹了dedecms后臺增加php導(dǎo)出excel功能實現(xiàn)辦法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。 不少朋友希望織夢的后臺...

  • 第一次使用的插件是 pdfobject.js 百度網(wǎng)盤下載地址:http://pan.baidu.com/s/1kUPhYdT 加載 script src=/style/js/pdfobject.js /script script type=text/javascript window.onload = function (){ var success = new PDFObject({ url: pdf文件地...

  • 網(wǎng)上有一種方法是copy+unlink來移動文件,但是遇到大文件時會消耗大量時間,對性能不怎么友好,可以使用rename()來移動文件,速度非常快 關(guān)于rename()函數(shù) bool rename ( string $oldname , string $newname...

  • 基于我們公司可選的幾種推廣方式: 一、關(guān)鍵詞優(yōu)化排名推廣(推薦) 指定關(guān)鍵詞推廣,按天付費,推廣我們業(yè)務(wù)中最重要的一些關(guān)鍵詞,達到百度首頁才收費,大概一個關(guān)鍵詞10元/天左右。...

  • 插件介紹 wordpress程序網(wǎng)站在發(fā)布文章時可以給每一片文章添加與之相關(guān)的TAG標簽,對于TAG標簽可以生成很多頁面,增加搜索引擎對內(nèi)容的抓取量。 WP Auto Keywords插件就是一款能自動給文章添加...

  • 5.7 生成列表頁 改動 include/arc.listview.class.php 1.先設(shè)置 關(guān)閉副欄目(在系統(tǒng)----系統(tǒng)基本參數(shù)性能選項里) 2.一般網(wǎng)站不需要 欄目交叉 交叉 所以 找到94行注釋掉: //獲得交叉欄目ID /*if($this-Type...

  • 使用preg_replace將刪除所有空白(包括制表符等) $string = user na me $string = preg_replace(/\s+/, , $string); echo $string; // username preg_replace(/\s/u, ,$string) u (PCRE8) 此修正符打開一個與perl不兼容的附加功能. 模式...

  • 公司:西安蟠龍網(wǎng)絡(luò)科技有限公司
  • 聯(lián)系人:張經(jīng)理
  • 手機/微信:
  • Q Q: 點擊這里給我發(fā)消息
  • 地址:西安市雁塔區(qū)唐延南路11號逸翠園i都會