jquery實(shí)現(xiàn)在頁面加載完畢后獲取圖片高度或?qū)挾?/h1>

 更新時(shí)間：2014年06月16日 16:46:52   投稿：whsnow  

應(yīng)項(xiàng)目要求，需要在頁面加載完畢之后獲取圖片的高度，本例使用jquery來完成這個(gè)功能，需要的朋友可以參考下

日前，本技術(shù)屌絲又遇到了一個(gè)很有意思的問題，應(yīng)項(xiàng)目要求，需要在頁面加載完畢之后獲取圖片的高度，以此來調(diào)整圖片上面的覆蓋層相對于圖片頂端的位置。

但在jquery(function(){ /*XXXXXX*/});里面寫了之后發(fā)現(xiàn)不是很理想，因?yàn)楫?dāng)jquery準(zhǔn)備就緒的時(shí)候，此時(shí)圖片絕大部分情況下都沒加載完畢，這可急壞了本屌絲~~~T~T

本屌絲就想啊，要是jquery有個(gè)跟js的onload()的方法多好啊，擦~真是天上掉下個(gè)大狗屎，恰巧砸到本屌絲~~在網(wǎng)上搜了下，還真有這么個(gè)方法，寫法如下：

復(fù)制代碼 代碼如下:

$(window).load(function() {
alert("你猜圖片加載完畢了嗎？");
});

本屌絲見到這個(gè)方法，如同在貧民窟里看到一坨金光閃閃的狗屎~~遂趕緊試了下，哇~~~哇~~~哇哦~~~真爽！還真解決了！

不得不佩服jquery的強(qiáng)大！為了保險(xiǎn)期間，進(jìn)行了深層的進(jìn)化，代碼如下：

復(fù)制代碼 代碼如下:

jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作，可獲取img高度，寬度，進(jìn)行一些列操作等！*/
});
});

您可能感興趣的文章:

• jquery實(shí)現(xiàn)動(dòng)態(tài)改變div寬度和高度
• jquery動(dòng)態(tài)改變div寬度和高度
• 基于jQuery實(shí)現(xiàn)左右div自適應(yīng)高度完全相同的代碼
• js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
• js和jquery如何獲取圖片真實(shí)的寬度和高度
• JQuery獲取當(dāng)前屏幕的高度寬度的實(shí)現(xiàn)代碼
• JS和jquery獲取各種屏幕的寬度和高度的代碼
• 使用jquery獲取網(wǎng)頁中圖片高度的兩種方法
• JQuery獲取各種寬度、高度(format函數(shù))實(shí)例
• JQuery獲取瀏覽器窗口內(nèi)容部分高度的代碼
• jQuery獲取頁面及個(gè)元素高度、寬度的總結(jié)——超實(shí)用
• jquery獲取文檔高度和窗口高度匯總
• jQuery實(shí)現(xiàn)獲取隱藏div高度的方法示例

• 頁面加載
• 圖片高寬

相關(guān)文章

• 

  jQuery學(xué)習(xí)筆記之 Ajax操作篇（一） - 數(shù)據(jù)加載

  Ajax 通俗來講即不需要刷新頁面即可從服務(wù)器或客戶端上加載數(shù)據(jù)，當(dāng)然這些數(shù)據(jù)的格式是多種多樣的。

  2014-06-06
• 

  jQuery實(shí)現(xiàn)鼠標(biāo)滾動(dòng)圖片延遲加載效果附源碼下載

  本文給大家分享jquery技術(shù)實(shí)現(xiàn)圖片延時(shí)加載效果，本特效沒有使用專門的圖片延遲加載插件，只需要一小段jQuery代碼就實(shí)現(xiàn)了圖片延遲加載，使用非常方便，需要的朋友可以下載源碼

  2016-06-06
• 

  jqPlot Option配置對象詳解

  如果看過本文姊妹篇《jqPlot——基于jquery的圖表繪制工具》的朋友，應(yīng)該知道jqPlot大致的操作方法；如果還是不太清楚的話，可以參考jqPlot官方網(wǎng)站的使用方法介紹。

  2009-07-07
• 

  jQuery實(shí)現(xiàn)簡單登錄條件判斷

  這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單登錄條件判斷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

  2022-03-03
• 

  淺析Cookie中的Path與domain

  本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助

  2013-12-12
• 

  jQuery中DOM節(jié)點(diǎn)的刪除方法總結(jié)（超全面）

  這篇文章主要介紹了jQuery中DOM節(jié)點(diǎn)的刪除方法,文中介紹的很相信，內(nèi)容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。

  2017-01-01
• 

  在easyUI開發(fā)中，出現(xiàn)jquery.easyui.min.js函數(shù)庫問題的解決辦法

  easyUI是jquery的一個(gè)插件，是民間的插件，easyUI使用起來很方便，里面有網(wǎng)頁制作的最重要的三大方塊：javascript代碼、html代碼和Css樣式，但是很容易出現(xiàn)jquery.easyui.min.js函數(shù)庫問題，小編教大家如何解決問題，需要的朋友可以參考下

  2015-09-09
• 

  jQuery基本選擇器(實(shí)例及表單域value的獲取方法)

  下面小編就為大家?guī)硪黄猨Query基本選擇器(實(shí)例及表單域value的獲取方法)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

  2016-05-05
• 

  拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼

  拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼，需要的朋友可以參考下

  2012-05-05
• 

  jQuery 3.0 的 setter和getter 模式詳解

  這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

  2016-07-07

最新評論