什么时候应该使用内联脚本,什么时候应该使用外部JavaScript文件?

为了提高性能,请尝试将JavaScript保持在外部。单独的代码使Web浏览器更易于缓存。但是,仅在创建单页网站时才使用内联脚本。

尽管如此,还是最好使用外部代码,即外部JavaScript。要将JavaScript放在外部文件中,请创建一个扩展名为.js的外部JavaScript文件。创建后,将其添加到script标记中的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>