javascript教程

JavaScript与html

在HTML中引入JavaScript代码有多种方法，以下是最常用且推荐的方法：

1. 使用<script>标签：

在HTML文件的<head>或<body>标签内，可以使用<script>标签引入JavaScript代码。例如：

<!DOCTYPE html>
<html>
<head>
  <script>
    // 在这里编写JavaScript代码
    function helloWorld() {
      alert('Hello, World!');
    }
  </script>
</head>
<body>
  <button onclick="helloWorld()">点击我</button>
</body>
</html>

2. 使用外部JavaScript文件：

将JavaScript代码保存为一个单独的`.js`文件，然后在HTML文件中使用<script>标签引用该文件。例如，在名为`script.js`的文件中有以下代码：

// script.js
function helloWorld() {
  alert('Hello, World!');
}

然后在HTML文件中引入这个外部文件：

<!DOCTYPE html>
<html>
<head>
  <script src="script.js"></script>
</head>
<body>
  <button onclick="helloWorld()">点击我</button>
</body>
</html>

3. 使用CDN（内容分发网络）引入第三方JavaScript库：

如果需要使用第三方库，如jQuery，可以使用CDN引入。例如，引入jQuery库：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <button id="myButton">点击我</button>
  <script>
    $(document).ready(function(){
      $("#myButton").click(function(){
        alert("Hello, World!");
      });
    });
  </script>
</body>
</html>

以上三种方法都可以在HTML中引入JavaScript代码。根据实际需求和项目结构选择合适的方法。