如何在 HTML 中使用 JavaScript

1. 在 HTML 中插入 JavaScript 的两种方式

将 JavaScript 插入 HTML 页面的主要方法是通过 标签，主要有两种方式：

• 直接在页面中嵌入 JavaScript

    function hello() {
        alert('Hello, world!');
    }
  
    hello();

• 在页面中引入外部的 JavaScript 文件

标签的 type 属性表示代码块使用的脚本语言的内容类型（也称为MIME类型）。 标签的 type 属性也可以省略，因为它的默认值就是 text/javascript。

2. 注意事项

2.1 嵌入的 JavaScript 代码和引入外部的 JavaScript 文件不能同时使用

带有 src 属性的 标签内部不应该再包含嵌入的 JavaScript 代码，如果包含了，则只会执行外部的脚本文件，嵌入的 JavaScript 代码将会被忽略。

2.2 把所有 标签都放到 标签的最后

这样做的好处是，浏览器在解析 JavaScript 代码之前，可以先把页面的内容都完全呈现出来。缩短了浏览器窗口显示空白页面的时间，进而提升用户的体验。

2.3 使用外部 JavaScript 文件的优点

• 便于维护
• 可缓存
  如果有两个页面都是用同一个 js 文件，那么这个文件只需要下载一次。因此，这样可以提升页面加载的速度。