javascript - 在 HTML 中嵌入 JavaScript 或将其保存在外部有哪些优点和缺点?

标签 javascript html save embedding

<分区>

我正在寻找简单的要点答案。我试过到处查看、谷歌搜索和其他问题,但我永远找不到每种方法的优点和缺点。

最佳答案

这是我从W3Schools得到的答案与外部 javascript 文件有关

优点

  • 它允许关注点分离 - 这在简单页面中不是什么大问题,但随着脚本变大,您可以拥有一个单一的 html 页面。大文件通常不利于可维护性

  • 它允许缓存 - 当浏览器从外部加载脚本(无论是来自您的站点还是来自 cdn)时,它会缓存该文件以备将来使用。这就是为什么 cdn 是常用脚本的首选。使浏览器使用缓存的脚本,而不是每次加载页面时都构建一个新脚本,这使得页面加载速度更快

  • 更具可读性的代码 - 这与第一个要点有关,但它仍然很重要。我们人类使用的文件越小越好。更容易发现错误,也更容易将 torch 传递给下一个从事该项目或从中学习的开发人员。

缺点

  • 浏览器必须发出http请求才能获取代码

也可能有其他特定于浏览器的原因,但我认为主要原因是代码分离到不同的组件中。

关于javascript - 在 HTML 中嵌入 JavaScript 或将其保存在外部有哪些优点和缺点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34707187/

相关文章:

javascript - 从 sails.js :undefined variable error 中的 local.js 文件读取变量

javascript - 事件处理程序未拾取 Keydown 事件

java - Android 游戏上的自动保存和自动加载游戏概念以及内部保存与保存。外部(又称 SD 卡)

jQuery 在将它添加到其他元素时删除类

c# 将 DataGridView 保存到 Xml 文件

php - 使用来自 SQL 和 PHP 的数据来确定保存文件夹路径

javascript - 如何从异步调用返回响应?

javascript - 如何从 typescript 上的txt文件获取数据?

html - 如何从最后一个元素开始选择第二个元素?

HTML 链接在 Div 中无效