jquery驱动UI在页面上的最佳实践

Best practice for jquery powered UI on a page?

本文关键字：最佳 驱动 UI jquery      更新时间：2023-09-26

我有大约40行代码，目前被封装在doc中。在我页面的头部准备好了。它是所有UI相关的东西，将在网站的每个页面上使用。比如:滚动回到顶部按钮，固定的标题背景变暗一旦滚动超过一定的高度，.load加载html到一个div容器，等等…

由于js将在网站的每个页面上使用，最佳实践是什么?我应该保持原样，把它移到页面的页脚吗?

还是应该创建一个default.js文件来加载它?相当新的在这一点上，所以任何帮助是感激的。由于

如果它在每个页面中使用，我建议将其移动到自己的js文件中。这将允许浏览器缓存它并减小页面大小。

如果您在多个页面上使用相同的脚本，那么是的，将它放在单独的.js文件中并从每个页面引用它可能是有意义的(我无论如何都这样做，即使只在一个页面上使用JavaScript)。是的，如果您控制<script>标签的位置，很少有任何理由使用ready，只需将<script>标签放在底部，就在关闭</body>标签之前。最后一个引用:

  • Google查看DOM元素何时可用
  • YUI加快网站速度的最佳实践

最佳实践应该是使用外部js文件包括使用script标记。理想情况下，这个脚本标签应该放在结束正文标签(</body>)之前，但可以放在标题部分，没有问题。

我认为最好的做法是将javascript的代码分离到一个外部文件，并从网页的标题调用它。最好避免混合代码:)

永远不要将JavaScript直接放入HTML中。从技术上讲，它可以使原本格式良好的HTML无效。然而，现在的浏览器足够聪明，可以绕过这个问题。但是把它放在自己的文件中，通常会启用缓存。我通常会把所有网站范围内的JavaScript放到一个文件中而特定页面的放到另一个文件中

相关文章：