javascript - Javascript-内联与外部脚本-有什么区别？

我在页面上散布了一些javascript代码段-许多代码段包含在我自己的.js文件中，但是我在网上找到的某些内容直接位于页面上。

我对javascript与页面的交互方式不太熟悉-内联添加脚本或添加对外部文件的引用之间有区别吗？

最佳答案

使用一种或另一种方法几乎没有区别。真正的区别来自每个人的优点/缺点。

内联脚本

在同一页面中加载，因此无需触发另一个请求。

立即执行。

异步和延迟属性无效

在使用服务器端动态渲染时可能会有所帮助。

外部脚本

更好地分离关注点和可维护性。

异步和延迟属性有效，因此，如果存在此属性，脚本将更改默认行为。内联脚本无法做到这一点。

一旦下载了外部脚本，浏览器就会将其存储在缓存中，因此，如果另一个页面引用了它，则无需进行其他下载。

可用于按需加载客户端代码，并减少总体下载时间和大小。

关于javascript - Javascript-内联与外部脚本-有什么区别？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29918246/