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。
本教程操作系统: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文档的根元素,即<html>元素。
var root = document.documentElement; // 获取根元素对象
8、document.body:表示HTML文档的<body>元素,可以用于获取和设置<body>元素的内容。
var body = document.body; // 获取<body>元素对象
9、document.head:表示HTML文档的<head>元素,可以用于获取和设置<head>元素的内容。
var head = document.head; // 获取<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文档结构的访问和操作。通过使用这些对象和方法,开发人员可以动态地更改页面的内容和样式,与用户进行交互,以及处理浏览器的相关信息。
原文来自:www.php.cn
暂无评论内容