Javascript 正在将脚本放置在<;车身>;和昂多姆雷迪一样?

Javascript 正在将脚本放置在<;车身>;和昂多姆雷迪一样?,javascript,html,dom,Javascript,Html,Dom,可能重复: 自从我读了以后,我就这样写我的页面: <!DOCTYPE html> <html> <head> <!-- styles --> </head> <body> <!-- page content --> <!-- scripts --> </body> </html> 相对而言,

可能重复:

自从我读了以后,我就这样写我的页面:

<!DOCTYPE html>
<html>
    <head>
        <!-- styles -->
    </head>
    <body>
        <!-- page content -->
        <!-- scripts -->
    </body>
</html>


相对而言,这就像在jQuery
$(document.ready(function(){})中运行我的所有代码一样?我真的没有注意到在准备与否方面有任何区别,事情只是工作,我不需要将事情包装在函数中来让事情进行

浏览器遇到脚本时会停止呈现html,因为它必须停止并自上而下解析脚本文件,这会使窗口长时间处于空白状态。大多数web开发人员宁愿让他们的用户能够开始查看页面内容(即使所有脚本功能可能还没有到位),而不是让他们盯着空白的白色页面。这是延迟加载脚本文件的主要原因,将它们的标记放在body标记的底部。

关于脚本何时启动,是的,是相同的。但是,在加载过程中会出现差异-当您将JS文件放在顶部时,它们将阻止加载所有其他资产,直到JS完成。但情况并非总是如此-您可以使用head.js作为解决方案,例如

不,它并不完全相同。然而,这非常接近

根据我的经验,最大的问题是处理页面内的
块,这些块假定已经完成了一些准备工作。加载JavaScript框架是一个大问题(也是我个人的经历)


除此之外,在
末尾加载也是一个好主意。无论如何,“DOM就绪”状态在旧版本的IE中有点脆弱。(框架可以应付,但还是有点乱。)

检查一下这个。这和你的要求很接近。