一、XMLHttpRequest對象
XMLHttpRequest對象的屬性:
屬性 |
描述 |
onreadystatechange |
狀態改變的事件觸發器 |
readyState |
對象狀態(integer): 0 = 未初始化 1 = 讀取中 2 = 已讀取 3 = 交互中 4 = 完成 |
responseText |
服務器進程返回數據的文本版本 |
responseXML |
服務器進程返回數據的兼容DOM的XML文檔對象 |
status |
服務器返回的狀態碼, 如:404 = "文件未找到" 、200 ="成功" |
statusText |
服務器返回的狀態文本信息 |
XMLHttpRequest對象的方法:
方法 |
描述 |
abort() |
停止當前請求 |
getAllResponseHeaders() |
作爲字符串返回完整的headers |
getResponseHeader("headerLabel") |
作爲字符串返回單個的header標籤 |
open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) |
設置未決的請求的目標 URL,方法,和其他參數 |
send(content) |
發送請求 |
setRequestHeader("label", "value") |
設置header並和請求一起發送 |
二、DOM對象
文檔對象模型是與平臺和語言無關的接口,允許程序和腳本動態地訪問和更新文檔的內容,結構和樣式。文檔可以進一步處理,處理的結果可以放回到所提供的頁面中。如果服務端返回的是XML,使用responseXML即可直接創建DOM來操作這個文件.
DOM對象的屬性:
屬性 |
描述 |
childNodes |
返回當前元素所有子元素集合 |
firstChild |
返回當前元素的第一個子元素 |
lastChild |
返回當前元素的最後一個子元素 |
nextSibling |
返回緊跟在當前元素後面的元素(平級) |
previousSibling |
返回緊跟在當前元素之前的元素(平級) |
nodeValue |
指定表示元素值的讀/寫屬性 |
parentNode |
返回元素的父節點 |
DOM對象的方法:
方法 |
描述 |
getElementById(id) (document) |
獲取有指定唯一ID屬性值文檔中的元素 |
getElementsByTagName(name) |
返回當前元素中有指定標記名的子元素的集合 |
hasChildNodes() |
返回一個布爾值,指示元素是否有子元素 |
getAttribute(name) |
返回元素的屬性值,屬性由name指定 |
動態創建內容所用的W3C DOM屬性和方法
屬性/方法
描述
document.createElement(tagName)
文檔對象上的createElement方法可以創建由tagName指定的元素。如果以串div作爲方法參數,就會生成一個div元素
document.createTextNode(text)
文檔對象的createTextNode方法會創建一個包含靜態文本的節點
element.appendChild(childNode)
appendChild方法將指定的節點childNode增加到當前元素的子節點列表
element.getAttribut(name)
element.setAttribut(name, value)
獲取和設置元素中name屬性的值
element.insertBefore(newNode, targetNode)
這個方法將節點newNode作爲當前元素的子節點插到targetNode元素前面
element.removeAttribute(name)
這個方法從元素中刪除屬性name
element.removeChild(childNode)
從元素中刪除子元素childNode
element.replaceChild(newNode,oldNode)
將節點oldNode替換爲節點newNode
element.hasChildnodes()
返回一個布爾值,指示元素是否有子元素