如何让浏览器提前下载隐藏的div内容

Question

在玩隐藏的div（display:none）之后，我注意到浏览器似乎并不打算下载该div中的任何图像/ flash文件，直到div被更改为可见。

问题在于，在大多数用户的计算机上，当查看隐藏的div时，浏览器等待浏览器下载图像或swf文件等的时间似乎还有几秒钟... = = no快乐的用户。

有没有办法让浏览器下载隐藏的div的内容，而它是隐藏的，而不是当它被设置为可见时？

在JS或jQuery中可能吗？

由于

Answer 1

请勿使用display:none;隐藏图片。

尝试设置以下内容以隐藏内容。

height:0;
width:0;
overflow:hidden;

您也可以尝试使用绝对定位将内容放在屏幕上。

position:absolute;
left:-1000px;

Answer 2

您可以尝试的一种方法是，不要将它们的位置完全隐藏在大的负左侧位置，而最小尺寸可能是1或0。

Answer 3

以下是一些选项：

• 从可见的DIV开始，然后在页面加载后使用jQuery添加隐藏的样式，或者在浏览器已经获取图像之后。这可能会很快发生，没有人会注意到这种变化。
• 在装入物品时最初将DIV放在屏幕上，并将DIV（高度/宽度）的尺寸固定得非常小，以免占用可见空间。
• 使用jQuery在您想要显示的同时加载DIV的内容 - 按需获取图像。即$('#yourDivId').html('[html goes here]');
• 使用visible:hidden代替display:none（但要注意它仍会占用空间，因此这可能不适用于所有情况）。您可以在页面底部放置一个图像副本，其中布局不会受到影响，但是当您将其他位置显示时，仍会提取和浏览缓存。