HTML怎么引入JS
JavaScript是一种脚本语言，它可以与HTML页面结合使用，实现页面的动态效果和功能。在网页中引入JavaScript不同于CSS样式表，我们需要在HTML文档中通过标签引入JavaScript脚本文件。
1. 在HTML文件中直接编写JavaScript代码
在HTML文档中可以使用<script>标签嵌入JavaScript代码，如下：
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
上面的代码定义了一个myFunction函数，并且将该函数添加到了HTML文档中的id为"demo"的元素中（使用了document.getElementById()方法）。
这种方法不太优雅，通常情况下我们会将JavaScript代码写入一个独立的文件，然后在HTML文档中直接引入该文件。
2. 在HTML文件中引入外部的JavaScript文件
在HTML文档中引入外部的JavaScript文件非常简单，只需要在<head>标签中添加一个<script>标签，并且在其中指定外部JavaScript文件的URL即可，如下：
<head>
<script src="myScript.js"></script>
</head>
上面的代码中，我们引入了一个名为myScript.js的JavaScript文件。当HTML文档加载时，浏览器就会自动加载该文件。
2.1 引入外部jQuery库
jQuery是一种流行的JavaScript库，它能够简化JavaScript的开发，提高效率。
要引入外部jQuery库，我们需要在<head>标签中添加如下代码：
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
上面的代码中，我们引用了jQuery库的CDN地址。这意味着，当我们的网页被访问时，浏览器会自动从CDN服务器下载jQuery库，并且调用其中的函数。
2.2 在JavaScript文件中定义函数
当我们将JavaScript代码写入一个独立的文件中时，我们需要在该文件中使用<script>标签定义JavaScript函数。比如，我们可以在myScript.js文件中定义myFunction函数，并且将该函数添加到HTML文档中：
// myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
然后，在HTML文档中引入该文件：
<head>
<script src="myScript.js"></script>
</head>
此时，在HTML文档中就可以使用myFunction函数了。
总结
HTML文件中引入JavaScript文件非常简单，只需要在HTML文件的<head>标签中添加<script>标签即可。可以直接在HTML文件中编写JavaScript代码，也可以将JavaScript代码保存在一个独立的文件中，再引入到HTML文件中。jQuery库是一种流行的JavaScript库，可以简化JavaScript的开发，提高效率。