JavaScript DOM 樹使用記錄
長期學習補充中 ing~
一、window 對象
1.1 window 內置對象
| 功能 | 解釋 |
|---|---|
| window.location | 獲取當前頁面的地址 |
| window.alert(“xx”) | 在遊覽器上彈出警告框 |
| window.prompt() | 在遊覽器上彈出輸入框，同時也包含確認和取消的選項，點擊確定給用戶返回一個具體確定的值，點擊取消會返回一個 null 值 |
| window.confirm(“xxx”) | 會在遊覽器彈出一個詢問框窗口，擁有確定和取消的選項，並給用戶一個 返回布爾值 |
| window.close() | 關閉窗口 |
| window.open() | 點開一個新的窗口 ( 不建議使用 ） |
| window.setInterval( function() {} , 毫秒單位) | 設置一個定時器 |
| window.setTimeout(function() {} , 毫秒單位)) | 延時器 （只會執行一次） |
| window.clearInterval() | 清除定時器，同延時器 |
1.2 window 事件
| 功能 | 解釋 |
|---|---|
| window.onload() | 頁面加載時會執行 |
| window.onlick() | 執行頁面點擊事件 |
| window.onchange() | 事件狀態改變時觸發 |
| window.onblur() | 光標失去焦點事件 |
1.3 window 對象作爲全局變量使用
window.x = xxx;
這樣我們就定義了一個全局變量 x
注意：
不建議這麼使用 ！！！
二、document 對象
2.1 dom 獲取標籤元素
| 功能 | 解釋 |
|---|---|
| getElementById(“xx”) 【id 是惟一的】 | 獲取指定 id 的 html 頁面元素對象 |
| getElementsByTagName | 獲取一系列相同類型的標籤（集合） |
| getElementsByClassName(“xxx”) | 通過類名獲取指定元素 或者元素集合 |
2.2 dom 標籤操作
首先獲得指定的標籤，並賦值爲 x
| 功能 | 解釋 |
|---|---|
| x.innerText | 獲取兩個標籤之間的 純文本，也可以直接修改標籤內部的所有內容 |
| x.innerHTML | 獲取 兩個標籤的內容（包括標籤），還可以在標籤內部插入標籤元素 |
| x.value | 獲取 from 表單中文本框的內容 |
2.x 其他 dom 操作
| 功能 | 解釋 |
|---|---|
| document.title | 獲取頁面標題 |
| document.write | 向遊覽器輸出內容 |
| document.URL | 獲取當前頁面的 地址 |