在超文本标记语言JavaScript函数之间共享变量

在超文本标记语言 (HTML) 和 JavaScript 函数之间共享变量是通过使用全局变量来实现的。全局变量是在整个 JavaScript 程序中都可访问的变量，可以在不同的函数之间共享数据。

在 JavaScript 中，可以通过在函数外部声明变量来创建全局变量。这样，在任何函数内部，都可以访问并修改这些全局变量的值。

以下是一种示例代码，展示了如何在 HTML 和 JavaScript 函数之间共享变量：

<!DOCTYPE html>
<html>
<head>
  <title>共享变量示例</title>
  <script>
    // 在全局范围内声明一个全局变量
    var sharedVariable = 10;

    function updateSharedVariable() {
      // 在函数内部修改全局变量的值
      sharedVariable += 5;
    }

    function displaySharedVariable() {
      // 在函数内部访问全局变量的值
      console.log(sharedVariable);
    }
  </script>
</head>
<body>
  <button onclick="updateSharedVariable()">更新变量</button>
  <button onclick="displaySharedVariable()">显示变量</button>
</body>
</html>

在这个例子中，我们在 <script> 标签中声明了一个全局变量 sharedVariable，并定义了两个函数 updateSharedVariable() 和 displaySharedVariable()。通过点击页面上的按钮，我们可以分别调用这两个函数来修改和显示全局变量的值。

当点击 "更新变量" 按钮时，updateSharedVariable() 函数会将全局变量的值增加 5。当点击 "显示变量" 按钮时，displaySharedVariable() 函数会在浏览器的控制台输出全局变量的值。

这是一个简单的示例，演示了在 HTML 和 JavaScript 函数之间共享变量的方法。实际开发中，可以根据具体需求和应用场景，灵活运用全局变量来实现数据的共享和交互。