Question

我正在使用以下代码允许在我的网站上下载并行JavaScript

var head  = document.getElementsByTagName("head")[0]; 

var sTag1 = document.createElement("script");
sTag1.type = sTag1.type = "text/javascript";
sTag1.src = "http://example.com/one.js";

var sTag2 = document.createElement("script");
sTag2.type = sTag2.type = "text/javascript";
sTag2.src = "http://example.com/two.js";

var sTag1 = document.createElement("script");
sTag3.type = sTag3.type = "text/javascript";
sTag3.src = "http://example.com/three.js";

head.appendChild(sTag1); 
head.appendChild(sTag2); 
head.appendChild(sTag3);

但是，使用YSlow，它表明即使one.js，two.js和three.js并行下载 - 在完全下载最后一个JavaScript之前，图片仍未加载。

由于我的JavaScript文件下载，我该怎么做才能阻止图像被加载。

Answer 1

将您的Javascript文件加载到</body>标记的正上方。

Answer 2

你从哪里触发代码？因为您可以等到执行引用的代码，直到看到window.load事件，例如：

<script type='text/javascript'>
function loadMyScripts() {
    /* ...your loading code here...*/
}
window.onload = loadMyScripts; // Or use addEventListener/attachEvent to do it
</script>

在加载所有图像之前不会触发window.load事件，因此您可以确保脚本不会妨碍。当然，它也为用户开始处理页面留下了相当长的时间，因此您需要确保该页面该JavaScript无法正常运行。

JavaScript阻止加载图像

2 个答案: