在HTML中嵌入与引入JavaScript的两种核心方式

要在HTML页面中运行JavaScript，必须使用<script>标签。该标签提供了两种集成脚本的途径：一是将JavaScript代码直接编写在<script>标签内部，二是利用<script>标签的src属性来加载外部的JavaScript文件。

直接在页面嵌入JavaScript代码

当使用<script>标签直接嵌入代码时，理论上可以指定type属性。随后，将JavaScript代码直接书写在标签开始与结束标记之间即可，例如：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script type="text/javascript">
    var word = "Hello, itbsl";
    alert(word);
  </script>
</head>
<body>
</body>
</html>

实际上，<script>标签的type属性并非必需。早期标准制定时，考虑到标签内可能嵌入其他语言，因此需要type属性来指明内容类型。但随着技术发展，业界已明确该标签仅用于JavaScript，目前所有主流浏览器的默认值均为text/javascript，因此省略该属性也是标准做法。

一个HTML文件中允许包含任意数量的<script>标签，开发者可以根据需要分散或集中放置脚本。

引入外部JavaScript文件

若希望通过<script>标签加载外部JavaScript文件，则必须设置src属性。该属性的值应为指向外部JS文件的有效URL链接，示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

  <script type="text/javascript" src="./js/example.js"></script>

</head>
<body>
</body>
</html>

特别需要注意的是，一旦<script>标签设置了src属性，其开始标签与结束标签之间就不应再编写任何JavaScript代码。在这种情况下，浏览器只会下载并执行src指向的外部脚本，而标签内部嵌入的代码将被完全忽略。

以上即为在HTML中使用JavaScript的两种主要方式。如需了解更多相关技术细节，建议查阅本站其他关于HTML与JavaScript交互的文章。