HTML DOM 窗口文档属性

HTML DOM (Document Object Model) 是针对 HTML 和 XML 文档的一种 API (Application Programming Interface)。HTML DOM 定义了访问和操作 HTML 文档的标准方法。

在浏览器中，window 对象代表整个浏览器窗口。通过 window 对象，我们可以访问到浏览器中所有的页面元素，而页面元素则代表了 DOM 中的节点 (node)。

下面是一些常用的窗口文档属性：

document

document 表示当前页面的文档对象。我们可以通过 document 对象来访问和操作页面中的元素：

var myElement = document.getElementById("myElement");
myElement.style.color = "red";

location

location 对象表示当前页面的 URL 信息。我们可以通过 location 对象来访问 URL 的各个部分：

var myURL = location.href; // 获取当前页面的完整 URL

history

history 对象代表浏览器的历史记录。我们可以通过 history 对象来访问和操作浏览器的历史记录：

history.back(); // 返回上一页
history.forward(); // 前进到下一页

navigator

navigator 对象包含了浏览器的相关信息。我们可以通过 navigator 对象来获取浏览器的名称、版本、语言等信息：

var myBrowser = navigator.appName; // 获取浏览器的名称
var myVersion = navigator.appVersion; // 获取浏览器的版本号
var myLanguage = navigator.language; // 获取浏览器的语言

screen

screen 对象包含了客户端的屏幕信息。我们可以通过 screen 对象来获取客户端的分辨率、颜色深度等信息：

var myWidth = screen.width; // 获取屏幕的宽度
var myHeight = screen.height; // 获取屏幕的高度
var myColorDepth = screen.colorDepth; // 获取屏幕的颜色深度

以上是常用的窗口文档属性，通过这些属性我们可以访问和操作页面中的元素、获取 URL 信息、操作浏览器的历史记录、获取浏览器和客户端的相关信息等等。在实际开发中，我们经常会用到这些属性来完成各种任务。