在HTML中调用JS的3种方法：1. 直接在<head>或<body>标签内嵌入<script>标签；2. 在外部JS文件中保存代码，然后使用<script>标签的src属性引用；3. 使用内联JS事件处理程序在HTML元素的属性中写入JS代码。
如何在HTML中调用JS
直接内嵌<script>标签
最简单的方式是在<head>或<body>标签中直接内嵌<script>标签，其中包含要执行的JS代码。
<code class="html"><head>
<script>
console.log("Hello world!");
</script>
</head></code>使用外部JS文件
立即学习“前端免费学习笔记（深入）”；
将JS代码放入一个外部文件中，然后在HTML中使用<script>标签的src属性来引用它。
<code class="html"><head> <script src="myScript.js"></script> </head></code>
使用内联JS事件处理程序
在HTML元素的属性中编写JS代码，当事件发生时执行。例如：
<code class="html"><button onclick="alert('Clicked!')">Click me</button></code>详细步骤：
- 创建一个
<script>标签。 - 如果使用内嵌JS，则在
<script>标签中编写代码。 - 如果使用外部JS文件，则在
src属性中指定文件路径。 - 在HTML文档中放置
<script>标签，通常在<head>或<body>内。
注意事项：
- 确保
<script>标签处于正确的HTML元素内。 - 使用不同的方法调用JS时，应谨慎放置
<script>标签。 - 外部JS文件应放在服务器上可访问的位置。
- 遵循良好的JS编码规范，以提高可读性和可维护性。
