在页面其余部分加载后，如何强制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);