让我来为您详细讲解如何在HTML中嵌入JS代码的3种方式：
1. 在HTML中使用<script>标签
在HTML页面中，我们可以使<script>标签嵌入JavaScript代码。使用方法如下：
<!DOCTYPE html>
<html>
<head>
<title>使用<script>标签嵌入JavaScript代码</title>
</head>
<body>
<h1>使用<script>标签嵌入JavaScript代码</h1>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
其中，<script>标签可以放在<head>或<body>标签里面。上述嵌入的JavaScript代码是给页面中的<p>标签添加了一个值。运行上述代码，浏览器输出结果为：Hello World!
2. 在外部文件中使用<script>标签引用
我们也可以把JS代码写进一个外部文件，通过<script>标签引用该文件。这个文件的后缀通常是.js，需要注意的是，这个文件需要同时放在服务器上，或者是相对路径直接作为一个文件保存。以下是一个外部引用的示例：
<!DOCTYPE html>
<html>
<head>
<title>查询最小值</title>
<script src="myscripts.js"></script>
</head>
<body>
<h1>查询最小值</h1>
<p>我的第一次JavaScript</p>
<button onclick="findMin()">查询最小值</button>
</body>
</html>
以上代码通过src属性引用了一个外部JavaScript文件，点击页面中的按钮会调用该文件中的函数。
3. 在HTML标签中使用内联事件处理程序
最后，我们可以使用内联事件处理程序。它允许我们在HTML标签内执行JavaScript代码。示例如下：
<!DOCTYPE html>
<html>
<head>
<title>使用内联事件处理程序</title>
</head>
<body>
<h1>使用内联事件处理程序</h1>
<button onclick="alert('Hello World!')">点击我</button>
</body>
</html>
以上代码中我们使用了内联事件处理程序，在代码中使用了一个按钮元素，并为其添加了一个onclick事件。
这就是在HTML中嵌入JS代码的3种方式。通过以上的攻略，您现在可以更加容易地写JavaScript代码并在HTML页面中使用了。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：在HTML中嵌入JS代码的3种方式总结 - Python技术站
微信扫一扫 
支付宝扫一扫 