用window.location.href做頁面跳轉(zhuǎn)，怎麼在新頁面載入完全之前實現(xiàn)loading效果？
4
0
0
如果是我的話，我會這樣做：
1、可以在window.location.href跳轉(zhuǎn)的頁裡面本身加loading效果。
2、如果沒變法修改window.location.href跳轉(zhuǎn)頁面的內(nèi)容，我會用ajax請求頁面，將html插入到當(dāng)前頁面，在請求頁面的時間loading。
location.href跳轉(zhuǎn)是會導(dǎo)致頁面完全刷新的，這已經(jīng)和之前的頁面無關(guān)。
頁面是從上到下解析的，將loading放在上部，自然會被優(yōu)先加載，但如果使用的是圖片，圖片的下載是異步進(jìn)行，所以還是無法把控順序，可能會一閃而過。
如果要看到，可以使用非圖片的loading，然後先把其他內(nèi)容隱藏，只出現(xiàn)loading，等載入完全觸發(fā)ready後再顯示。
使用window.location.href去完成頁面的跳轉(zhuǎn)，這是瞬發(fā)的，所以在跳轉(zhuǎn)頁(A)做loading是不靠譜的。
那麼loading效果是應(yīng)該放到被跳轉(zhuǎn)頁(B)來做。但是img標(biāo)簽src屬性是異步的，如果不是用js去控制的話，那么這時你也無法保證img加載的時間，這個時候可以試著用直接寫進(jìn)模板文件當(dāng)中的css的loading效果來做，等頁面加載完了之后關(guān)掉css的loading效果。
你這個有相容性要求麼？可以在跳轉(zhuǎn)也加上一個loading 層，用js 控制一下
我寫了個範(fàn)例：
https://www.mnzld.net/demo/lo...
