Java基礎 —— DOM

標籤：

DOM：文件物件模型(Document Object Model)

• 定義：
  • 文檔：標記型文檔：html,xml
  • 對象：將文檔或文檔中的標籤等內容都封裝到對象中
  • 模型：只要是標記型文檔都通用
  • 將html中的標籤對象化，則實現了標籤的動態效果
• DOM樹：標籤都是書中的節點，元素和對象:

　　得到對象，則可以對DOM樹進行操作，動態修改DOM元素(增刪改查)。

• DHTML：動態html，包含html，CSS，Javascript，dom。
  • HTML：負責提供標籤，對資料進行標記封裝。
  • CSS：負責提供樣式屬性，對資料進行樣式的定義。
  • DOM：負責將標記文檔和標籤內容解析成對象，並在對象中定義屬性和行為，可以指揮對象。
  • Javascript：負責頁面的行為，動態效果的體現，需要程式設計語言來完成。
• BOM：瀏覽器物件模型(Browser Object Model)
  • 解析標籤的瀏覽器也封裝成了對象，如window對象
  • window -->history,document,location....等對象
• 擷取對象的節點：getElementByid，getElementByTagName，getElementByName
  • 可以通過id，name或者TagName獲得標籤對象，進而得到標籤的屬性及行為。
  • 以id方式返回指定標籤，以Name方式擷取返回數組，可以對數組進行操作。
  • 以TagName方式是以標籤名擷取，也返回數組，可以單個元素操作。
• 擷取局部標籤的方式：先找大標籤對象，在調用相應對象的get方法。
• 表單校正：
  • 校正方式：填完一個就校正，失去焦點就確認，提示顯示在右邊。
  • 按Regex方式對使用者名稱校正，如要求四個字母"^[a-Z]{4}$"只能4個字母
  • 表單提交事件(取消事件：return false;)
  • 確認密碼校正
  • 性別選項校正

Java基礎 —— DOM