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文件的根元素,即元素。
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中文網其他相關文章!