dom物件介紹
一、dom簡述
dom—document object model,它是w3c國際組織的一套web標準。它定義了訪問html文件物件的一套習屬性、方法和事件。
dom是以層次結構組織的節點或資訊片斷的集合。文件物件模型（document object model）是給html與xml檔案使用的一組api。dom的本質是建立網頁與指令碼語言或程式語言溝通的橋梁。
瀏覽器物件是乙個分層結構，也稱為文件物件模型，如下圖所示：
[img]
從上圖可以看出：
（1）開啟網頁後，首先看到的是瀏覽器視窗，即頂層的window物件。
（2）其次，看到的是網頁文件的內容，即document文件。
（3）定位物件：
window.document.myform.text1
或document.myform.text1
因為window視窗物件是所有頁面的根物件，所以常常省略。
(4)位址物件location和歷史物件history，它他對應ie瀏覽器中的位址列和前進/後退按鈕。
二、視窗window
常用屬性：
1 window.clesed：指明視窗是否關閉。
2 window.defaultvalue：視窗狀態列的預設資訊。
3 window.docement：表示瀏覽器視窗中的html文件。
4 window.location：表示有關當前url的資訊。
5 window.history：表示有關當前訪問過的rul的資訊。
6 window.name：設定或檢索視窗或框架的名稱。
7 window.screen：包含有關客戶的螢幕和顯示效能的資訊。
8 window.screenx：視窗x座標
9 window.screeny：視窗y座標
10 window.status：設定或檢索視窗狀態列中的資訊。
11 window.title：設定或檢索視窗頂部標題欄中的資訊。
12 window.self：當前視窗。
13 window.parent：當前視窗的最上層視窗。
14 window.top：當前顯示的視窗的最上層視窗。
15 window.opener：所開啟「子視窗」的「父視窗」的名稱。
得到當前視窗的詳細資訊：
常用方法：
1 window.alert(「提示資訊」)：顯示乙個包含確定按鈕的對話方塊。
2 window.blur()：使物件失去焦點並激發onblur事件。
3 window.close()：關閉視窗。
4 window.open(「開啟視窗的url」,」視窗名」,」視窗特徵」)：按指定特徵開啟視窗。
視窗特徵引數如下:
height：視窗高度
width：視窗寬度
top：視窗距螢幕上方的象素值
left：視窗跟螢幕左側的象素值
*******：是否顯示工具欄，yes或1表示顯示，no或0表示不顯示。
menubar：是否顯示選單欄，yes或1表示顯示，no或0表示不顯示。
scrollbars：是否顯示滾動欄，yes或1表示顯示，no或0表示不顯示。
resizable：是否允許改變視窗大小，yes或1表示否允，no或0表示不否允示。
status：是否顯示狀態列，yes或1表示顯示，no或0表示不顯示。
5 window.confirm(「提示資訊」)：顯示乙個確認對話方塊，包括確定和取消按鈕。當點確定按鈕時返回的是true,點取消按鈕時返回的是false。
6 window.prompt(「提示資訊」,顯示在text中的預設值)：顯示帶輸入框提示對話方塊，主要用來收集資訊。當點確定按鈕時返回的是true,點取消按鈕時返回的是false。
7 視窗定位的方法：
（1） window.moveby(x,y)：實現視窗的定向、定量移動。兩個引數分別表示x方向移動的距離和y方向移動的距離。
（2） window.moveto(x,y)：把視窗移動到指定座標位置。兩個引數分別表示橫座標、縱座標。
8 視窗大小控制的兩個方法：
（1）resizeby(x,y)：按指定的尺寸調整視窗的大小。兩個引數分別表示在水平方向上的改變量和垂直方向上的改變量。
（2）resizeto(x,y)：把視窗調整到指定尺寸。兩個引數分別表示瀏覽器視窗的寬和高。
9 操作定時器的兩個方法：
（1）settimeout(「函式』,毫秒數)：設定定時器，經過指定毫秒值後執行某個函式。
（2）cleartimeout(定時器物件)：取消某個定時器。
三、歷史物件history
主要屬性：
1 window.history.length:得到瀏覽器歷史清單中的專案個數。
主要方法：
1 window.history.back():載入history列表中的上乙個url，相當於ie的後退按鈕。等同於window.history.go(-1);
2 window.history.forward():載入history列表中的下乙個url，相當於ie的前進按鈕。等同於window.history.go(1);
3 go(「url」 or number):載入history列表中的乙個url，或要求瀏覽器移動指定的頁面數。
四、位址物件location
主要屬性：
1 window.location.hash：設定或檢索另乙個頁面裡的錨
2 window.location.host：設定或檢索url的主機名和埠號
3 window.location.hostname：設定或檢索url的主機名部分
4 window.location.pathname：設定或檢索url相對路徑
5 window.location.href：設定或檢索完整的url字串（常用）
6 window.location.port：設定或檢索主機埠號
主要方法：
1 assign(「url」)：載入url指定的新的html文件。
3 replace(「url」)：通重載入url指定的文件來替換當前文件。
五、文件物件document
document物件表示給定瀏覽器視窗中的html文件，並用於檢索文件的資訊、檢查和修改html元素和文件中的文字、以及處理事件。
主要屬性：
4 url：設定或獲取當前文件的 url。
5 location:獲取當前url的資訊。
6 title：設定或獲取當前文件的標題。
7 protocol：設定或獲取 url 的協議部分。
8 readystate：獲取表明物件當前狀態的值。
10 bgcolor：設定或獲取表明物件後面的背景顏色的值。
11 fgcolor：設定或獲取文件的前景(文字)顏色。
12 all：返回物件所包含的元素集合的引用。
13 anchors：獲取所有帶有 name 和/或 id 屬性的 a 物件的集合。此集合中的物件以 html 源順序排列。
15 childnodes：獲取作為指定物件直接後代的 html 元素和 textnode 物件的集合。
16 embeds：獲取文件中所有 embed 物件的集合。
17 forms：獲取以源順序排列的文件中所有 form 物件的集合。
18 frames：獲取給定文件定義或與給定視窗關聯的文件定義的所有 window 物件的集合。
19 images：獲取以源順序排列的文件中所有 img 物件的集合。
20 links：獲取文件中所有指定了 href 屬性的 a 物件和所有 area 物件的集合。
21 namespaces：獲取 namespace 物件的集合。
22 scripts：獲取文件中所有 script 物件的集合。
23 stylesheets：獲取代表與文件中每個 link 或 style 物件的例項相對應的樣式表的 stylesheet 物件的集合。
主要方法：
1 clear(): 清除當前文件。
2 close(): 關閉輸出流並強制將資料傳送到顯示。
3 write("text"): 在指定視窗的文件中寫入乙個或多個 html 表示式。
4 writeln("text"): 在指定視窗的文件中寫入乙個或多個 html 表示式，後面追加乙個換行符。5 focus(): 使得元素得到焦點並執行由 onfocus 事件指定的**。6 hasfocus():獲取表明物件目前是否擁有焦點的值。7 getelementbyid("id "):8 getelementsbyname("name "):9 getelementsbytagname(「tagname」):
來自:
JQuery物件 DOM物件
剛開始學習jquery，可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用j...
文件物件DOM
dom節點型別 1 document 整個文件是乙個文件節點。2 每個xml標籤是乙個元素節點 3 包含xml元素中的文字是文字節點 4 每乙個xml屬性是乙個屬性節點 5 注釋屬於注釋節點 節點屬性和方法 1 nodename 節點的名字 2 nadevalue 節點的值 3 nidetype 節...
DOM物件總覽
dom物件總覽 dom物件的內容非常的多，為了方便查詢，下面把各個物件相關鏈結羅列於下表，以便於大家的查詢使用。列表如下 物件名稱 描述doucment 代表整個html文件，可被用來訪問頁面中的所有元素。anchor 代表元素 area 代表影象對映中的元素 base 代表元素 body 代表元素...