什么是window对象? 什么是document对象?

window对象是浏览器的顶层对象，它代表整个浏览器窗口或标签页。在JavaScript中，可以通过window对象访问浏览器的各种功能和属性，如浏览器的大小、位置、打开新窗口、定时器、全局变量等等。

document对象是浏览器中表示当前网页的对象，它包含了网页中所有的HTML元素以及这些元素的属性和内容。在JavaScript中，可以通过document对象访问网页中的各种元素，如文本框、按钮、表格等等，并且可以修改它们的属性和内容。

相关问题

什么是window对象，什么是document对象

在浏览器中，JavaScript 代码可以操作的两个最重要的对象之一是 `window` 对象，另一个是 `document` 对象。

`window` 对象代表整个浏览器窗口或标签页，它是 JavaScript 访问浏览器窗口的接口。它提供了一系列方法和属性，比如 `alert()`、`setTimeout()`、`setInterval()`、`location`、`history` 等，可以让 JavaScript 与浏览器窗口进行交互。

`document` 对象代表当前窗口或标签页中的文档对象，它是 JavaScript 访问文档内容和结构的接口。它提供了一系列方法和属性，比如 `getElementById()`、`getElementsByTagName()`、`createElement()`、`appendChild()` 等，可以让 JavaScript 操作文档中的元素、样式和内容。

简单来说，`window` 对象是浏览器窗口的接口，`document` 对象是当前窗口或标签页中的文档对象的接口。

使用 Window 对象和 Document 对象实现时钟

在JavaScript中，可以利用`window`对象和`document`对象结合`setInterval()`函数来创建一个简单的动态时钟。`window`对象代表浏览器窗口，而`document`对象则是文档对象模型，它包含了页面的所有元素。

以下是一个基本的示例：

function displayTime() {
    var date = new Date(); // 创建Date对象，获取当前时间
    var timeElement = document.getElementById('clock'); // 获取id为'clock'的DOM元素

    // 格式化时间
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    if (hours < 10) {
        hours = '0' + hours;
    }
    if (minutes < 10) {
        minutes = '0' + minutes;
    }
    if (seconds < 10) {
        seconds = '0' + seconds;
    }

    // 组合并显示到页面上
    timeElement.textContent = hours + ':' + minutes + ':' + seconds;
}

// 每秒更新一次时间
setInterval(displayTime, 1000);

在这个例子中，我们首先获取了一个用于显示时间的HTML元素，然后每隔一秒通过`displayTime`函数更新这个元素的内容，显示出当前的时间。