dom內(nèi)置對象有: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。
本教程操作系統(tǒng):windows10系統(tǒng)、DELL G3電腦。
DOM(Document Object Model)是用于表示和交互HTML或XML文檔結(jié)構(gòu)的接口,它提供了一組內(nèi)置對象和方法。以下是一些DOM內(nèi)置對象:
1、document:表示整個HTML或XML文檔,是DOM樹的根節(jié)點。它提供了對文檔的全面訪問和操作。
var doc = document; // 獲取整個文檔對象
2、window:表示瀏覽器窗口或框架,是全局對象。它提供了對窗口、文檔和腳本的訪問。
var win = window; // 獲取窗口對象
3、navigator:表示瀏覽器信息,包括瀏覽器的名稱、版本、操作系統(tǒng)等。
var nav = navigator; // 獲取瀏覽器信息對象
4、location:表示當前文檔的URL信息,包括協(xié)議、主機、端口、路徑、查詢字符串等。
var loc = location; // 獲取URL信息對象
5、history:表示瀏覽器歷史記錄,可以用于前進、后退和跳轉(zhuǎn)操作。
var hist = history; // 獲取瀏覽器歷史記錄對象
6、screen:表示客戶端屏幕信息,包括屏幕尺寸、分辨率等。
var scr = screen; // 獲取屏幕信息對象
7、document.documentElement:表示整個HTML文檔的根元素,即<html>元素。
var root = document.documentElement; // 獲取根元素對象
8、document.body:表示HTML文檔的<body>元素,可以用于獲取和設(shè)置<body>元素的內(nèi)容。
var body = document.body; // 獲取<body>元素對象
9、document.head:表示HTML文檔的<head>元素,可以用于獲取和設(shè)置<head>元素的內(nèi)容。
var head = document.head; // 獲取<head>元素對象
10、document.title:表示HTML文檔的標題,可以通過它獲取和設(shè)置文檔的標題。
var title = document.title; // 獲取文檔標題對象 ?
document.title = “New Title”; // 設(shè)置文檔標題為”New Title”
11、document.cookie:表示瀏覽器存儲的cookie信息,可以通過它讀取和設(shè)置cookie值。
var cookie = document.cookie; // 獲取cookie信息對象 ?
document.cookie = “name=value”; // 設(shè)置cookie值為”name=value”
這些是DOM中常見的一些內(nèi)置對象,它們提供了對HTML或XML文檔結(jié)構(gòu)的訪問和操作。通過使用這些對象和方法,開發(fā)人員可以動態(tài)地更改頁面的內(nèi)容和樣式,與用戶進行交互,以及處理瀏覽器的相關(guān)信息。