首頁(yè)技術(shù)文章正文

Web前端培訓(xùn):jQuery的load()方法

更新時(shí)間:2022-07-12 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

  在實(shí)際開(kāi)發(fā)中,圖片的放大縮小、圖片的剪裁等功能的實(shí)現(xiàn),需要網(wǎng)頁(yè)所有的內(nèi)容加載完畢后再執(zhí)行jQuery代碼,否則在文件還未加載完畢時(shí)jQiery代碼將無(wú)法操作圖片的高度和寬度等屬性。

  要解決上述問(wèn)題,可以利用jQuery提供的另一個(gè)關(guān)于頁(yè)面加載的方法——load()方法。load()方法會(huì)在元素的onload()事件中綁定一個(gè)事件處理函數(shù),對(duì)于不同的元素對(duì)象,事件觸發(fā)的時(shí)機(jī)也不同。具體如下。

  (1)非window對(duì)象

  如果事件處理函數(shù)綁定在一般元素對(duì)象上,則會(huì)在元素的內(nèi)容加載完畢后觸發(fā)。

$('img').load(function() {
    // 元素內(nèi)容加載完畢后要執(zhí)行的代碼
});

  (2)windows對(duì)象

  如果事件處理函數(shù)綁定在windows對(duì)象上,則與onload事件使用的效果相同。例如,“window.onload=function(){};”可用如下代碼實(shí)現(xiàn)。

$(window).load(function() {
   // 頁(yè)面加載后要執(zhí)行的代碼
});


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!