首頁  >  文章  >  web前端  >  dom內建物件有哪些

dom內建物件有哪些

百草
百草原創
2023-12-19 15:45:04687瀏覽

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