JavaScript 知識點總結(3)

1。Math對象的方法

  • max(x,y) 返回x和y中的最大值
  • min(x,y) 返回x和y中的最小值
  • pow(x,y) 返回x的y次冪
  • abs(x) 返回數的絕對值
  • round(x) 把數四捨五入爲最接近的整數
  • random() 返回0~1之間的隨機數
  • ceil(x) 對一個數進行上舍入
  • floor(x) 對一個數進行下舍入

2。window對象方法

  • open()、close() 打開窗口、關閉窗口
  • resizeBy()、resizeTo() 改變窗口大小
  • moveBy()、moveTo() 移動窗口
  • setTimeout()、clearTimeout() 設置或取消“一次性”執行的定時器
  • setInterval()、clearInterval()設置或取消“重複性”執行的定時器

3。document對象方法

  • document.write() 輸入文本到當前打開的文檔
  • document.getElementById() 獲取某個id值的元素
  • document.getElementsByName() 獲取某個name值的元素,用於表單元素
  • getElementsByTagName() 方法可返回帶有指定標籤名的對象的集合。
  • getElementsByClassName()獲取有指定類名的集合,不過要考慮兼容性
  • 注: IE8及之前瀏覽器不支持getElementsByClassName()方法

4。DOM常用的節點屬性

  • parentNode 獲取當前節點的父節點
  • childNodes 獲取當前節點的子節點集合
  • firstChild 獲取當前節點的第一個子節點
  • lastChild 獲取當前節點的最後一個子節點
  • previousSibling 獲取當前節點的前一個兄弟節點
  • nextSibling 獲取當前節點的後一個兄弟節點
  • attributes 元素的屬性列表

5。創建節點
在JavaScript中,創建新節點都是先用document對象中的createElement()和createTextNode()這2種方法創建一個元素節點,然後再通過appendChild()、insertBefore()等方法把新元素節點插入現有的元素節點中去。

var e = document.createElement("div");
var txt = document.createTextNode("study");
e.appendChild(txt);    //把元素內容插入元素中去

6。插入節點
在JavaScript中,插入節點有2種方法:appendChild()insertBefore()

obj.insertBefore(new,ref)

在ref前插入new節點

7。刪除節點
在JavaScript中,我們可以使用removeChild()方法來刪除當前節點下的某個子節點。

8。複製節點
在JavaScript中,我們可以使用cloneNode()方法來實現複製節點。

9。替換節點
在JavaScript中,我們可以使用replaceChild()方法來實現替換節點。

10。innerHTMLinnerText
在JavaScript中,我們可以使用innerHTML和innerText這2個屬性很方便地獲取和設置某一個元素內部子元素或文本。

innerHTML屬性被多數瀏覽器所支持,而innerText只能被IE、chrome等支持而不被Firefox支持。

11。JavaScript操作CSS樣式
在JavaScript中,對於元素的CSS操作,我們使用的是DOM對象中的style對象來操作。

obj.style.屬性名;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章