如何使用外部預加載器預加載網頁？

-2

我有一個簡單的HTML頁面，有一個大圖像作爲全屏幕背景;我把這個頁面叫做index2.html。如何使用外部預加載器預加載網頁？

我想創建另一個頁面，稱爲index.html，它將完全預裝index2.html，然後引導用戶訪問它。但是，我在互聯網上找到的所有預加載器解決方案均基於單個HTML頁面。

我該如何做到這一點？任何幫助，將不勝感激。

來源

2013-07-15 Michelle Dodson

當你改變頁面，你會丟失任何預先加載的內容。您必須預先加載圖像，並將其注入到相同的頁面中。 – bfavaretto

@bfavaretto並非完全如此。該圖像可能不直接在頁面中可用，但可能在瀏覽器緩存中可用，因此加載速度更快。 – GolezTrol

使用AJAX，而不是預加載器。 –

您可能會導致瀏覽器通過加載它index.html爲1個像素的圖像緩存圖像

<img src="/index2-background-image.jpg" alt="" width="1" height="1" />

另外，您可以加載使用jQuery像這樣從index2.html內容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery().ready(function() { 
    $.get('index2.html', function(data) { 
     jQuery("#index2content").html(data); 
    }); 
}); 
</script> 

<div id="index2content"></div>

來源

2013-07-15 20:50:14

這幫助了很多。謝謝 –

當然。希望這至少能讓你指出正確的方向。 –

如何使用外部預加載器預加載網頁？

回答

相關問題