it知识
怎么在HTML中嵌入JS代码
2023-08-10 16:16  点击:0

在HTML中嵌入JavaScript代码可以通过以下几种方式:

1. 内联方式:直接在HTML标签的`on*`属性中嵌入JavaScript代码。例如:

   ```html

   <button onclick="alert('Hello, World!')">点击我</button>

   ```

2. `<script>`标签:使用`<script>`标签将JavaScript代码包裹起来,并将其放置在HTML文档的`head`或`body`部分中。

例如:

   ```html

   <script>

     function sayHello() {

       alert('Hello, World!');

     }

   </script>

   <button onclick="sayHello()">点击我</button>

   ```

3. 外部脚本文件:将JavaScript代码保存到一个独立的`.js`文件中,然后使用`<script>`标签的`src`属性引用该文件。例如:

   ```html

   <!-- hello.js -->

   function sayHello() {

     alert('Hello, World!');

   }

   <!-- index.html -->

   <script src="hello.js"></script>

   <button onclick="sayHello()">点击我</button>

   ```

这些方法可以根据你的需求选择合适的方式来嵌入JavaScript代码到HTML中。注意要正确地放置JavaScript代码,以确保

其能够正确执行和与其他HTML元素进行交互。