0

这是我的网站: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>
4

1 回答 1

0

如果将脚本放在 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>
于 2011-12-07T22:47:27.903 回答