loading加載頁(yè)面代碼(頁(yè)面加載完畢馬上執(zhí)行js代碼)
需要兩個(gè)頁(yè)面1一個(gè)是實(shí)際頁(yè)面本身 2另一個(gè)是一個(gè)空白頁(yè)面放一張loading圖片 先請(qǐng)求第2個(gè)頁(yè)面,在這個(gè)頁(yè)面中放一段ajax請(qǐng)求第1個(gè)頁(yè)面,在success函數(shù)里將頁(yè)面內(nèi)容輸出,并將loading圖片隱藏掉代碼是這樣的loading page ltbodyltscript $ajax type #39GET#39, url 實(shí)際頁(yè)面路徑, data。
代碼示例中,首先定義 limit 為每次請(qǐng)求的數(shù)據(jù)量,然后在觸底事件中,通過(guò)計(jì)算 skipCount * limit 得出當(dāng)前需要跳過(guò)的數(shù)據(jù)量,最后調(diào)用獲取數(shù)據(jù)的接口AV進(jìn)行數(shù)據(jù)請(qǐng)求實(shí)現(xiàn)效果對(duì)比明顯,通過(guò)分頁(yè)加載,頁(yè)面加載速度和用戶(hù)體驗(yàn)得到了顯著提升分頁(yè)之前,頁(yè)面加載延遲明顯,用戶(hù)感知到加載速度緩慢分頁(yè)之后。
這樣通過(guò)延遲加載js代碼,給網(wǎng)頁(yè)加載留出更多的時(shí)間2js最后加載方案一 在需要插入JS的地方插入以下代碼程序代碼 復(fù)制代碼 代碼如下LOADING 當(dāng)然,那個(gè)LOADING你可以換成自己喜歡的小圖片看起來(lái)很有AJAX效果呢然后在頁(yè)面最底端插入程序代碼 復(fù)制代碼 代碼如下你的JS代碼在這里! L4。
JS加載完成,頁(yè)面加載的五種狀態(tài) 用documentonreadystatechange的方法來(lái)監(jiān)聽(tīng)狀態(tài)改變,然后用documentreadyState == “complete”判斷是否加載完成代碼如下 documentonreadystatechange = subSomething當(dāng)頁(yè)面加載狀態(tài)改變的時(shí)候執(zhí)行這個(gè)方法function subSomethingifdocumentreadyState == “complete”。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。