可以通过内联式 JavaScript 或外部 JavaScript 文件将 JavaScript 代码写入 HTML。内联式 JavaScript 将代码写入 HTML 标签，而外部 JavaScript 文件将代码保存在单独文件中并使用 src 属性引入。
如何用 JavaScript 写入 HTML
JavaScript 是一种客户端脚本语言，可以用来操纵 HTML 元素。要将 JavaScript 代码写入 HTML，主要有两种方法：
内联式 JavaScript
这种方法将 JavaScript 代码直接写入 HTML 标签中，通常使用 script 标签：
立即学习“前端免费学习笔记（深入）”；
<code class="html"><script>
document.getElementById("myHeading").innerHTML = "Hello World!";
</script></code>外部 JavaScript 文件
这种方法将 JavaScript 代码保存在单独的文件中，然后在 HTML 页面中使用 src 属性引入：
<code class="html"><script src="myScript.js"></script></code>
<code class="js">// myScript.js
document.getElementById("myHeading").innerHTML = "Hello World!";</code>操作 HTML 元素
一旦 JavaScript 代码写入 HTML，就可以使用以下方法操作 HTML 元素：
- getElementById()：根据 ID 获取元素
- getElementsByClassName()：根据类名获取元素
- getElementsByTagName()：根据标签名获取元素
- innerHTML：获取或设置元素的 HTML 内容
- style：获取或设置元素的 CSS 样式
示例
以下代码演示了如何使用 JavaScript 动态更改 HTML 元素的文本：
<code class="html"><h1 id="myHeading">欢迎！</h1>
<script>
setTimeout(() => {
document.getElementById("myHeading").innerHTML = "JavaScript 真是太棒了！";
}, 2000);
</script></code>注意：
- JavaScript 是区分大小写的，因此函数和方法的名称必须准确。
- 在使用 JavaScript 之前，确保已正确加载。
- 尽量将 JavaScript 代码写在外部文件中，以保持 HTML 代码的整洁和可读性。
