JS写在HTML中是JS的代码不是太多，单独一个JS文件反而影响了页面的加载速度。因此html5很多人把页面结构写在js中是提高页面的加载速度。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准。
如何延迟加载JavaScript下面是Google推荐的代码。这些代码应被放置在</body>标签前(接近HTML文件底部)。另外，我将外部JS文件名突出显示。
JavaScript
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script")
element.src = "defer.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>
最后的那个 <body>请改为 </body>并把前面的 <script>xxx</script>这大块放到 </body>前面。
因为你在执行 js 的时候 dom 都没有加载呢，所以要放到后面，或者把整个 js 放到 window.onload = function(){xxx}里面
