在頁面其余部分加載后，如何強制php include加載？

Question

因此，我確定自己有些煩惱。 我對html和CSS以外的任何代碼都非常陌生，因此我決定嘗試研究javascript。 我收到了很多很好的反饋，盡管有很多幫助，所以確實讓我感到頭疼。

從本質上講，我所做的就是從兩個php頁面中創建一個圖庫：第一個是我網站上的頁面，該頁面上有一個滑動的縮略圖窗口和一個“通用”字段，用於加載藝術品和可變內容。 第二個是gallery.php頁面，其中所有潛在的藝術品都細分為div，其中包含藝術品，標題，描述等，並且都具有唯一的ID。 選擇其中一個縮略圖后，它將從gallery.php頁面調用div，並使用.innerHTML將其填充到“通用” div中。 效果很好，但是由於我在gallery.php頁面中有40多個div，因此使其成為標准的php include（在隱藏的div中，因此看不到任何東西）會使頁面永久加載，因此並不理想。

由於我對一切都非常陌生，因此我起步非常慢，並且避免jquery只是因為我試圖首先了解它的javascript根源。 前幾天，當我在jquery中找到.load（）函數時，我提出了這個問題，我想知道是否有一種方法可以用純正的javascript將其寫出，而我沒有收到該版本的任何版本，但確實得到了關於如何使用ajax進行詳細的答復，這讓我有些頭疼。

我的詢問基本上是以下可能的情形之一：-希望最簡單的解決方案...是否可以加載頁面上的所有內容，然后僅在頁面加載后告訴頁面開始加載包含的gallery.php頁面內容，這樣我才不會減慢頁面的加載時間，如果有什么事情會減慢單擊時我畫廊的內容的加載時間？ -AJAX是從另一個頁面調用div的最基本方法嗎？ -如果有一種方法可以將源代碼定義為單獨的php頁面，我可以告訴它拉出我定義的div嗎？ -如果要折疊並包含.load（）jquery函數，如何返回要查找的div？

我不是在尋找所有這些的答案，或者是課程，但是，如果有建議的解決方案，請告訴我。

Answer 1

為了方便地預加載內容，我建議使用隱藏的iframe。 這樣，您的資源將在客戶端被加載和緩存，但是您不必擔心AJAX。 為了確保該iframe的內容將在縮略圖之后加載，您可以使用純JavaScript創建它，並將其附加到文檔加載事件中。 有關addEventListener的詳細信息，請參見“ MDN：element.addEventListener” 。

window.addEventListener("load", function(){

    var iframe = document.createElement("IFRAME"); 
    iframe.setAttribute("src", "galery.php"); 
    iframe.style.display = "none"; 
    document.body.appendChild(iframe);

}, false);