将jQuery和JavaScript放入外部文件

Question

我的许多页面都有jquery的amll位。

我想用一个$(document).ready(function() {

那里的一切。

这是个好主意吗？

如果有更多代码要执行，即使与该页面无关，每个页面的整体速度是否也会变慢？ 我想象当dom准备好时执行外部脚本中的每一行代码。 还是我的理解错误？

Answer 1

如果没有更多的代码要执行，即使每个页面都与页面无关，整个页面的整体速度也会变慢吗？

外部脚本文件可能有一些加载开销，但是，如果您在多个页面上使用该脚本，则最好使用外部脚本；否则，不建议使用外部脚本文件。 它会被缓存并且是即时的。

我想象当dom准备好时执行外部脚本中的每一行代码。 还是我的理解错误？

是。 如果将代码包装在函数中作为$(document).ready()的参数，它将在DOMContentLoaded执行。

Answer 2

如果将JS的所有内容放到一页中，而没有将它们称为函数，那么是的，每当您包含它们时，它们就会被执行。 最好将通用功能放入外部脚本中并保留在其中。 这将增加您的代码重用性，并加快页面加载速度，因为您的JS将被缓存。