因为没有什么基础，所以还是去整理了一些很基础的东西。
在HTML中使用JavaScript时，可以通过<script>标签将JavaScript代码嵌入到HTML页面中。在一个HTML页面中执行js脚本有很多方式，包括但不限于以下几种：
- 使用script标签执行脚本；
- 使用
javascript:URL的导航； - 使用DOM上的事件监听机制；
- 使用svg相关技术中的脚本能力；
在这些方式中，使用多的是第一种。<script>标签可以实现与用户的交互，动态改变页面内容以及执行复杂的功能。
可以在HTML文件的<head>或<body>部分插入以下代码来加载JavaScript：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript在HTML中的应用</title>
<!-- 这里加载外部的JavaScript文件 -->
<script src="path/to/your/script.js" defer></script>
</head>
<body>
<h1>Hello, World!</h1>
<button id="myButton">点击我！</button>
</body>
</html>
通过<script>标签加载一个外部的JavaScript文件。使用defer属性，确保该脚本会在文档解析完成后再执行，这样可以避免阻塞页面加载。
写一些JavaScript代码：
// script.js文件的内容
const button = document.getElementById("myButton");
button.addEventListener("click", function() {
alert("你点击了按钮！");
});
上述JavaScript代码会在页面加载完成后找到id为"myButton"的按钮，并添加一个点击事件监听器。当按钮被点击时，弹出一个提示框显示"你点击了按钮！"。
除了处理事件，JavaScript还可以通过DOM（文档对象模型）操作HTML元素、修改样式、执行动画、发送AJAX请求等。它是一种功能强大的编程语言，使得网页交互和动态性成为可能。
如果我们将JS放在head部分，整个JS将在HTML之前先加载，可能会导致一些问题：JS将在HTML之前先加载，JS加载时立即更改HTML，实际上还没有HTML元素对其产生影响，因此看起来JS似乎不起作用。如果有很多JS，因为JS将在HTML之前先加载，网页加载速度变慢了。如果把JS放在HTML正文底部，在JS加载之前先加载HTML，这样就加快了网站响应时间。
不过，在现代Web开发中，更常见的做法是将JavaScript代码单独放在外部文件中，并通过<script>标签引入，这样可以使代码结构更清晰，便于维护。
