预加载内容，稍后显示？

Question

我不是要加载图片，而是说我想首先加载图像，然后再调用该图像。我可以这样做吗？

图片，文字，广告，整页等。我想专门针对我想要加载的内容，我不希望它显示在我的所有内容之后，如果是这样的话。

Answer 1

答案取决于您要加载的内容。

对于图像，您要做的是向页面添加不可见的图像。这会强制浏览器下载图像。每当你想要显示它时，你只需再次显示它。

要使图片不可见，请将display CSS属性设置为none，并使其再次可见，将其设置为block（或任何其他可见值）。

仅供参考，可以通过访问style.theCssProperty的{​​{1}}来修改CSS。

对于一般内容，您希望使用AJAX。维基百科在他们的网页上有一个工作示例：https://en.wikipedia.org/wiki/Ajax_(programming)

脚本有点棘手，因为当它们被加载时，它们会自动执行，因此预加载它们的唯一方法是使用AJAX加载它们，然后在需要时对内容进行评估。但是不要这样做，因为以这种方式加载的脚本的来源都是错误的，这使得调试变得非常糟糕。

如果您有权编辑要预加载的脚本，则将其包装在函数中并以正常方式加载，然后在需要时只需调用该函数。