html js 实例—代码示例

温馨提示：这篇文章已超过288天没有更新，请注意相关的内容是否还可用！

HTML和JavaScript是网页开发中常用的两种技术。HTML用于定义网页的结构和内容，而JavaScript用于实现网页的交互和动态效果。下面我将以一个简单的示例来讲解HTML和JavaScript的使用。

我们需要创建一个HTML文件，并在文件中引入JavaScript代码。在HTML文件中，我们可以使用`<script>`标签来嵌入JavaScript代码。示例代码如下：


<!DOCTYPE html>
<html>
<head>
  <title>HTML和JavaScript示例</title>
</head>
<body>
  <h1>HTML和JavaScript示例</h1>
  <button id="myButton">点击我</button>
  <script>
    // JavaScript代码写在这里
  </script>
</body>
</html>

在上面的示例中，我们创建了一个包含一个标题和一个按钮的网页。接下来，我们将在JavaScript代码部分实现按钮的点击事件。


<!DOCTYPE html>
<html>
<head>
  <title>HTML和JavaScript示例</title>
</head>
<body>
  <h1>HTML和JavaScript示例</h1>
  <button id="myButton">点击我</button>
  <script>
    // 获取按钮元素
    var button = document.getElementById("myButton");
    // 添加点击事件监听器
    button.addEventListener("click", function() {
      // 在按钮被点击时执行的代码
      alert("按钮被点击了！");
    });
  </script>
</body>
</html>