据说Javascript代码应该全部放在HTML文件的末尾，以便先显示页面内容，让用户看到一些东西（这样用户就满意地看到一些东西而不是再等12秒，对于例子）。
但为了更好地封装 HTML 并匹配 Javascript 代码，例如“图像轮播”，通常会将 HTML 和 Javascript 放置在一个文件中，因此在整个最终 HTML 文件中都会有 Javascript 代码块与 HTML 代码混合在一起。
但是如果所有这些 Javascript 代码块都使用 jQuery 会怎样？$(document).ready(function() { ... })执行任务，那么页面显示不是也很快吗？我认为不如 Javascript 实际放置在 HTML 文件末尾时那么快，但已经足够接近了，因为它只是向就绪事件队列添加了一个函数。
我认为重点是将js放在页面底部（通常就在结束部分内）</body>tag），这样js加载的时候就可以显示页面的内容了下载.
如果您的 jQuery 代码分散在整个 HTML 中.ready()调用，那么无论如何，它都不会运行，直到<body>已满载。那么问题是 HTML 中有多少 javascript？
如果有很多，那么它会减慢每个脚本后面的任何内容的显示速度。如果代码量相对较少，那么它不太可能产生太大的明显差异。
如果尽快显示页面内容对您来说确实很重要，那么放置所有脚本after内容。
我个人不会仅仅为了关联而将 javascript 与 HTML 混合在一起。如果您开始删除/附加恰好包含脚本的内容，则可能会出现意外结果。我宁愿使用适当命名的类和 ID，以及大量代码注释。
还要记住那些.ready()通话将无法进行，直到jQuery已加载，这意味着它需要位于页面顶部，或者至少在您第一次调用之前。
所以这又回到了哪个对你来说更重要的问题。如果你想让内容尽快可见，就把所有js放在底部。如果您想要混合 js 和 HTML 的方法，那么在显示页面时将会有一些延迟。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
