【JAVA-S2】JavaScript的DOM和BOM
window
在window物件中有常見的方法
| 方法 | 作用 |
|---|---|
| prompt（） | 顯示提示使用者輸入的對話款，在括號中放入兩個引數，第一個引數是給使用者的提示資訊（string），第二個引數是使用者輸入（string） |
| alert（） | 警示視窗，可用於提示，相當於java中的system.out.println |
| confirm（） | 顯示一個帶有提示的視窗，與使用者進行互動，可以配合if..else，按確定的時候放回true，否則false |
| close（） | 關閉視窗 |
| open（） | 在括號中放入瀏覽器url。可以配合setinterval（）每個多少毫秒開啟另外一個網頁，模擬病毒 |
| settimeout（） | 只執行一次，在制定多少毫秒之後，執行括號裡第一個引數的函式或者是表示式 |
| setinterval（） | 與settimeout()進行區別，主要在執行多次，根據每個多少毫秒執行一次函式或者是表示式 |
window的屬性
| 屬性 | 作用 |
|---|---|
| history | history.back()後退 history.forword()前進 / history.go(-1)相當於後退， history.go(1)相當於前進 |
| location | lacation.herf 改變瀏覽器的url/location.reload()相當於網頁的F5，重新整理頁面 |
JavaScript的內建物件
| 物件 | 用法 |
|---|---|
| Date物件 | 主要用於處理時間類，例如 var 變數名=new Date()獲取系統當前時間 |
Date物件的相關用法
| 物件 | 用法 |
|---|---|
| Math物件 | 主要用於處理資料 例如 Math.random（）獲取隨機數，與java中的Math處理資料類似 |
BOM
BOM:browser object model(瀏覽器物件模型) BOM提供了獨立於內容的、可以與瀏覽器視窗進行互動的物件結構。
BOM主要對history和location進行操作
DOM
DOM：document object model 文件物件模型
在文件物件模型中分為三種：core-DOM、HTML-DOM、CSS-DOM
core-DOM核心DOM中的獲取節點物件
使用document物件呼叫getElementById(“id的值”) 在大部分時候建議使用這個方法。 也可以使用document物件呼叫getElementsByName()主要更具標籤中的name屬性的值放回具有name屬性值相同的集合 也可以使用document物件呼叫getElementsByTagName(）根據標籤名字放回標籤相同的集合
core-DOM核心DOM中的層次方式訪問節點
core-DOM核心DOM中的節點型別
| 節點型別 | 作用 |
|---|---|
| noneType | 返回節點型別 1=元素 2=屬性 3=文字 |
| noneValue | 返回節點中的值 |
| noneName | 節點的名稱 ul標籤返回ul |
例項：
HTML-DOM核心DOM中的CRUD操作
HTML-DOM屬性的讀寫 節點.setAttribute(“name”，“jjjj”) 屬性+值 節點.getAttribute(“value”) 獲取括號中屬性對應的值
建立並新增節點 建立節點 document.createElement(tagName) 新增節點 父節點.appendChild(新子節點) 舊節點.parentNode.insertBefore(新節點, 舊節點) 新增節點都是由父親去呼叫
CSS-DOM
style屬性 CSS屬性名去-，改-後的第一個字母為大寫 className屬性 也可以通過HTML-DOM的屬性操作來改變樣式 obj.setAttribute(“style”, “font-size:12px;color:red;”); obj.setAttribute(“class”, “RedBold clear”);
讀取style屬性時，瀏覽器相容性解決方案：IE方案和標準方案
IE方案： obj.currentStyle.屬性名 標準方案： document.defaultView.getComputedStyle(obj,null).屬性名
