页面怎么调用js的变量

在网页中调用JavaScript变量的步骤及技巧

在网页中调用JavaScript变量可以通过多种方法实现，主要包括：在HTML内嵌JavaScript、使用外部JavaScript文件、通过事件监听器调用、使用全局和局部变量等。下面将详细介绍如何在这些场景中调用JavaScript变量，并着重讲解其中的一种方法。

一、在HTML内嵌JavaScript

在HTML文件中直接嵌入JavaScript代码是一种常见的做法。通过这种方式，JavaScript代码可以直接访问和操作HTML元素。以下是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Example</title>
    <script type="text/javascript">
        var message = "Hello, World!";
        function displayMessage() {
            alert(message);
        }
    </script>
</head>
<body>
    <button onclick="displayMessage()">Click Me</button>
</body>
</html>

在这个例子中，message变量定义在