延迟加载或按需加载
延迟加载或按需加载
提问于 2011-12-08 06:38:28
这是我的网站：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>回答 1
Stack Overflow用户
发布于 2011-12-08 06:47:28
如果您将脚本放在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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8423641
复制相关文章
相似问题
腾讯云开发者
