推迟解析javascript文件

Question

我读到推迟javascript文件导致页面平滑打开，加载时间减少.....使用

<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script> 
<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script> 
<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script> 

我指的是上面代码中的“延迟”，但我读到它只适用于IE ....是否有任何其他方法来推迟解析JS ....我已经压缩了它

Answer 1

你可以删除2个脚本元素并在第一个中添加一个onload。在这个onload-function中，你可以将脚本元素写入dom，它们将被加载为异步。查看此链接：Dynamic javascript loading

Answer 2

我应该在加载窗口时触发的window.onload附加一个事件。

示例：

function deferMethod() {
  // you're code here
}

// Check for browser support of event handling capability
if (window.addEventListener)
  window.addEventListener("load", deferMethod, false);
else if (window.attachEvent)
  window.attachEvent("onload", deferMethod);
else 
  window.onload = deferMethod;