我应该何时使用内联脚本，何时使用外部 JavaScript 文件？

为提高性能，请尝试保持 JavaScript 外部。单独的代码让 Web 浏览器能更轻松地进行缓存。但是，只能在制作单页网站时才使用内联脚本。

尽管如此，最好使用外部代码，即外部 JavaScript。要在外部文件中放置 JavaScript，请创建扩展名为 .js 的外部 JavaScript 文件。创建后，将其添加到脚本标记中的 HTML 文件中。src 属性用于包含该外部 JavaScript 文件。

如果有不止一个外部 JavaScript 文件，那么将它们添加到同一个网页中以提高页面的性能。

假设以下 new.js 是我们的外部 JavaScript 文件 −

function display() {
   alert("Hello World!");
}

现在将外部 JavaScript 文件添加到 HTML 网页

示例

在线示例 
<html>
   <body>
   <form>
      <input type = "button" value = "Result" onclick = "display()"/>
   </form>

   <script src = "new.js">
   </script>
   </body>
</html>

更新于： 2019 年 7 月 30 日

1K+ 浏览量

开启您的职业生涯之路

完成课程，获得认证

开始
广告