我有大约 40 行代码，当前包含在我页面顶部的 doc.ready 中。所有与 UI 相关的东西都将在网站的每个页面上使用。类似的东西：滚动回到顶部按钮，一旦滚动超过特定高度，固定标题背景就会变暗，.load 将 html 加载到 div 容器中，等等......
由于网站的每个页面都会使用 js，那么最佳实践是什么？我应该保持原样并将其移动到页面的页脚吗？
还是应该创建一个加载它的 default.js 文件？在这方面相当新，所以任何帮助表示赞赏。谢谢
问问题
147 次
5 回答
3
如果在每个页面中都使用它，我建议将其移动到自己的 js 文件中。这将允许浏览器缓存它并减小页面大小。
于 2013-01-14T19:59:08.517 回答
1
如果您在多个页面上使用相同的脚本，那么是的，将它放在一个单独的文件中并从每个页面引用它可能是有意义的.js（无论如何我都会这样做，即使只在一个页面上使用 JavaScript）。是的，如果您控制<script>标签的位置，几乎没有任何理由使用ready，只需将<script>标签放在底部，就在结束</body>标签之前。最后的参考资料：
于 2013-01-14T19:59:55.480 回答
1
最佳实践应该是使用包含在脚本标签中的外部 js 文件。理想情况下，此脚本标记应放置在结束正文标记 ( </body>) 之前，但可以毫无问题地放置在头部。
于 2013-01-14T20:00:07.370 回答
0
我认为最好的做法是将 javascript 的代码分离到一个外部文件中，然后从网页的标题中调用它。最好避免混合代码:)
于 2013-01-14T20:00:00.973 回答
0
永远不要将 JavaScript 直接放入您的 HTML 中。从技术上讲，它可能会使其他格式完美的 HTML 失效。但是，如今的浏览器已经足够聪明，可以解决这个问题。但是把它放在他们自己的文件中，通常会启用缓存。我通常做的是将所有站点范围的 JavaScript 内容放在一个文件中，然后将页面特定的内容放在另一个文件中。
于 2013-01-14T20:00:11.297 回答