Question

这是我的网址：http://www.alvaromillan.es。我已经证明几乎所有东西，但加载仍然需要太长时间......我认为问题可能是加载所有图像的javascript ...我希望这个javascript只是在用户点击缩略图时加载（这个javascript是一个灯箱），但我不知道该怎么做。我已经阅读了关于延迟负载和按需的信息，但我无法得到它...但我想做懒惰或随需应变的东西......你能帮我吗？

现在我有了这段代码，但这只是说这个脚本在最后执行：

<script type="text/javascript" src="js/fadeslideshow.js">
    function downloadJSAtOnload(){
        var element=document.createElement("script");
        element.src="js/fadeslideshow.js";document.body.appendChild(element);
    }
    if(window.addEventListener)
        window.addEventListener("load",downloadJSAtOnload,false);
    else if(window.attachEvent)
        window.attachEvent("onload",downloadJSAtOnload);
    else
        window.onload=downloadJSAtOnload;
</script>

Answer 1

如果您将脚本放在html页面的底部，它将立即执行，并能够访问页面上的所有内容。

另一种方法是使用DOMContentLoaded而不是onload，因为后者会等待加载所有图像。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link type="text/css" href="style.css" rel="stylesheet"/>
    </head>
    <body>


        <div id="element">
            Howdy
        </div>


        <script>
            alert("That div says " + document.getElementById("element").innerHTML);
        </script>

    </body>
</html>

延迟加载或按需

1 个答案: