首页  >  文章  >  web前端  >  dom内置对象有哪些

dom内置对象有哪些

百草
百草原创
2023-12-19 15:45:04693浏览

dom内置对象有:1、document;2、window;3、navigator;4、location;5、history;6、screen;7、document.documentElement;8、document.body;9、document.head;10、document.title;11、document.cookie。

dom内置对象有哪些

本教程操作系统:windows10系统、DELL G3电脑。

DOM(Document Object Model)是用于表示和交互HTML或XML文档结构的接口,它提供了一组内置对象和方法。以下是一些DOM内置对象:

1、document:表示整个HTML或XML文档,是DOM树的根节点。它提供了对文档的全面访问和操作。

var doc = document; // 获取整个文档对象

2、window:表示浏览器窗口或框架,是全局对象。它提供了对窗口、文档和脚本的访问。

var win = window; // 获取窗口对象

3、navigator:表示浏览器信息,包括浏览器的名称、版本、操作系统等。

var nav = navigator; // 获取浏览器信息对象

4、location:表示当前文档的URL信息,包括协议、主机、端口、路径、查询字符串等。

var loc = location; // 获取URL信息对象

5、history:表示浏览器历史记录,可以用于前进、后退和跳转操作。

var hist = history; // 获取浏览器历史记录对象

6、screen:表示客户端屏幕信息,包括屏幕尺寸、分辨率等。

var scr = screen; // 获取屏幕信息对象

7、document.documentElement:表示整个HTML文档的根元素,即元素。

var root = document.documentElement; // 获取根元素对象

8、document.body:表示HTML文档的元素,可以用于获取和设置元素的内容。

var body = document.body; // 获取元素对象

9、document.head:表示HTML文档的元素,可以用于获取和设置元素的内容。

var head = document.head; // 获取元素对象

10、document.title:表示HTML文档的标题,可以通过它获取和设置文档的标题。

var title = document.title; // 获取文档标题对象  

document.title = "New Title"; // 设置文档标题为"New Title"

11、document.cookie:表示浏览器存储的cookie信息,可以通过它读取和设置cookie值。

var cookie = document.cookie; // 获取cookie信息对象  

document.cookie = "name=value"; // 设置cookie值为"name=value"

这些是DOM中常见的一些内置对象,它们提供了对HTML或XML文档结构的访问和操作。通过使用这些对象和方法,开发人员可以动态地更改页面的内容和样式,与用户进行交互,以及处理浏览器的相关信息。

以上是dom内置对象有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn