温馨提示×

怎么在HTML中嵌入JS代码

小亿
108
2023-08-09 17:40:10
栏目: 编程语言

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

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

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

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

例如:

   <script>

     function sayHello() {

       alert('Hello, World!');

     }

   </script>

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

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

   <!-- hello.js -->

   function sayHello() {

     alert('Hello, World!');

   }

   <!-- index.html -->

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

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

这些方法可以根据你的需求选择合适的方式来嵌入JavaScript代码到HTML中。注意要正确地放置JavaScript代码,以确保其能够正确执行和与其他HTML元素进行交互。


0