javascript - 是否可以在 iframe 或 div 的页面加载脚本后使用以下预加载？

Question

我在网上找到了这个脚本，它非常适合在页面加载后预加载图像。

我想知道是否可以使用它来预加载 iframe 或包含 iframe 的 div。

现场演示：http: //jsfiddle.net/BgUA2/

谢谢

<script type="text/javascript">
function preloader() {
if (document.images) {
    var ch001 = new Image();
    var ch002 = new Image();

    ch001.src = "http://a.net/a.jpg";
    ch002.src = "http://a.net/b.jpg";
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
    window.onload = func;
} else {
    window.onload = function() {
        if (oldonload) {
            oldonload();
        }
        func();
    }
}
}
addLoadEvent(preloader);
</script>

Answer 1

您可以使用 CSS 技巧：

iframe {
    background-image: url("http://jimpunk.net/Loading/wp-content/uploads/loading2.gif");   
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

此外，您可以添加background-size: 10%;使微调器更小。

JSFIDDLE