可以通过内联脚本、外部脚本或事件处理程序在 html 中运行 js 代码。内联脚本将 js 代码直接嵌入 html 页面,外部脚本将代码放在外部文件中并链接到页面,而事件处理程序将 js 代码附加到 html 元素上的事件。

如何使用 HTML 运行 JS 代码
HTML(超文本标记语言)是一种用于构建网页的标记语言,而 JavaScript(JS)是一种编程语言,用于在网页上添加交互性。可以通过以下方法在 HTML 中运行 JS 代码:
1. 内联脚本
<code class="html"><html>
<head>
<title>内联脚本示例</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "你好,世界!";
</script>
</body>
</html></code>2. 外部脚本
立即学习“前端免费学习笔记(深入)”;
一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素,那么可以轻松地删除不必要的组件。模板的代码干净,友好,注释良好。这使得编辑和自定义模板变得很容易。
为 JS 代码创建一个外部文件(例如 script.js)并将其链接到 HTML 页面:
script.js
<code class="javascript">function sayHello() {
document.getElementById("demo").innerHTML = "你好,世界!";
}</code>HTML
<code class="html"><html>
<head>
<title>外部脚本示例</title>
</head>
<body>
<p id="demo"></p>
<script src="script.js"></script>
<script>
sayHello();
</script>
</body>
</html></code>3. 事件处理程序
将 JS 代码附加到 HTML 元素上的事件,例如点击:
<code class="html"><html>
<head>
<title>事件处理程序示例</title>
</head>
<body>
<button onclick="sayHello()">点击我</button>
<script>
function sayHello() {
alert("你好,世界!")
}
</script>
</body>
</html></code>










