可以通过内联脚本、外部脚本或事件处理程序在 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. 外部脚本
立即学习“前端免费学习笔记（深入）”；
为 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>以上就是html怎么运行js代码的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
584
收藏
