如何使用JavaScript获取当前日期和时间，并在HTML页面上显示？-IT学习资源网

要在HTML页面上显示当前日期和时间，可以使用JavaScript来获取当前的日期和时间，并将其显示在页面的指定位置。以下是具体的解决方案：

<!DOCTYPE html>
<html>
<head>
    <script>
        function displayDateTime() {
            var datetimeElement = document.getElementById("datetime");
            var currentDateTime = new Date();
            var dateString = currentDateTime.toDateString();
            var timeString = currentDateTime.toLocaleTimeString();
            datetimeElement.innerHTML = "当前日期：" + dateString + "<br>当前时间：" + timeString;
        }
        window.onload = displayDateTime;
    </script>
</head>
<body>
    <div id="datetime">
        此处将显示当前日期和时间
    </div>
</body>
</html>

首先，在HTML文档中创建一个用于显示日期和时间的元素，例如一个<div>元素，并给该元素一个唯一的id属性，以便在JavaScript中使用。

在<head>标签内使用<script>标签，并在其中编写JavaScript代码。首先定义一个名为displayDateTime的函数。在函数中，使用document.getElementById方法获取日期和时间的容器元素。然后通过new Date()创建一个新的日期对象，其中包含了当前的日期和时间。使用toDateString()方法获取日期的字符串表示，使用toLocaleTimeString()方法获取时间的字符串表示。最后将日期和时间的字符串拼接，通过innerHTML将其显示在页面上。

使用window.onload事件将displayDateTime函数绑定到window对象的onload事件上，在页面加载完成后执行函数。

通过以上操作，就可以在HTML页面上显示当前的日期和时间。可以根据需要调整日期和时间的显示格式，以及在页面的不同位置显示。