document物件詳解

2021-09-23 10:27:18 字數 2483 閱讀 4164

document物件概述:

document物件是文件的根節點,只要瀏覽器開始載入html文件,這個物件就開始存在了,它作為乙個入口去操作網頁內容,可以直接呼叫。document的屬性和方法非常多,下面我做了一些基本歸類,對於更詳細的屬性和方法查詢該**。

第一類(獲得節點的屬性):

屬性說明

document.doctype第乙個子節點,表示文件型別。對於html5文件來說,該節點就代表

document.documentelement第二個子節點,表示元素節點,該節點代表...

document.all文件中所有的元素,例如html,head,title,body,script等,當出現多個相同的標籤,如img也會重複顯示

document.head獲取文件中的head節點,

document.body獲取文件中的body節點,...

document.forms獲取所有的form節點,是乙個陣列物件

document.images獲取所有的img節點,是乙個陣列物件

document.links獲取所有的a節點,是乙個陣列物件

document.anchors獲取所有的包含屬性name的a節點,是乙個陣列物件

document.scripts獲取所有的script元素,是乙個陣列物件

document.stylesheets所有的link或者style元素,是乙個物件,物件裡面用下標區分每個cssstylesheet,末尾是乙個幾個link或者style元素的length屬性

document.children獲取document的子節點,是乙個物件陣列,對於html5文件來說,該屬性值為[html]

document.activeelement當前獲得焦點的元素,如...

第二類(一些常見屬性):

屬性說明

document.title設定文件標題,等價於html的標籤

document.bgcolor設定文件的背景顏色

document.contenttype返回文件的型別,如「text/html」

document.charset設定文件的字符集

document.lastmodified返回文件最近一次修改的時間

document.cookie設定和讀取cookie

document.domain

屬性說明

url獲取當前文件的位址

location

返回乙個location物件,物件中的href(document.location.href)即表示文件的位址,相當於document.url

refferrer

返回跳轉或開啟到當前頁面的那個頁面的url,如果使用者直接開啟了這個頁面(不是通過頁面跳轉,而是通過位址列或者書籤等開啟的),則該屬性為空字串

第四類(常用的一些方法):

屬性說明

document.write()動態向頁面寫入內容

document.writeln()動態向頁面寫入內容,末尾加乙個回車符

document.open(mimetype,replace)該方法將擦除當前 html 文件的內容,開始乙個新的文件,新文件用 write() 方法或 writeln() 方法編寫,兩個引數,mimetype,可選,規定正在寫的文件的型別。預設值是 「text/html」;replace,可選,當此引數設定後,可引起新文件從父文件繼承歷史條目

document.close()關閉文件

get…document.getelementbyid(),document.getelementsbytagname(), document.getelementsbyclassname(),…

create…document.createelement(), document.createevent(), document.createattribute()…

on…document.onclick(), document.onkeydown()…

Document 物件描述

htmldocument 介面對 dom document 介面進行了擴充套件,定義 html 專用的屬性和方法。很多屬性和方法都是 htmlcollection 物件 實際上是可以用陣列或名稱索引的唯讀陣列 其中儲存了對錨 表單 鏈結以及其他可指令碼元素的引用。這些集合屬性都源自於 0 級 dom...

document物件referrer屬性

document物件的referrer屬性,返回導航到當前網頁的超連結所在網頁的url。詳細出處參考 http www.jb51.net article 17966.htm 舉例 1.a.html檔案內容如下 瀏覽b.html 2.b.html檔案中的內容如下 3.則在通過a.html中的超連結訪問...

Window與document物件及幾種屬性

window物件 window 物件表示瀏覽器中開啟的視窗。它是乙個頂層物件,而不是另乙個物件的屬性即瀏覽器的視窗。如果文件包含框架 frame 或 iframe 標籤 瀏覽器會為 html 文件建立乙個 window 物件,並為每個框架建立乙個額外的 window 物件。window.locati...