極客學院javascript影片資料分享

《極客學院javascript影片教學》將向大家詳細介紹javascript，javascript是一種直譯式腳本語言，也是一種廣泛用於客戶端Web開發的腳本語言。目前，被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。

JavaScript是一種屬於網路的腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常的JavaScript腳本是透過嵌入在HTML中來實現自身的功能。

是一種解釋性腳本語言（程式碼不進行預先編譯）。

主要用來在HTML（標準通用標記語言下的一個應用程式）頁面中新增互動行為。

可以直接嵌入HTML頁面，但寫成單獨的js檔案有利於結構和行為的分離。

跨平台特性，在絕大多數瀏覽器的支援下，可以在多種平台下運作（如Windows、Linux、Mac、Android、iOS等）。

影片播放位址：http://www.php.cn/course/204.html

學習javascript學習要注意DOM操作，這是算是重點也是困難： 

1、建立節點

createElement()
var node = document.createElement(“div”);

沒什麼好說的，建立一個元素節點，但注意，這個節點不會被自動加入到文件（document）裡。

2、建立文字節點

createTextNode()
var value = document.createTextNode(“text”);

建立一個文字節點，常用來往元素節點裡加入內容，也不會自動加入文件裡。
很多人知道innerHTML，不知道這個方法，這個添加的是靜態文本，如果插入的內容不帶HTML格式，用createTextNode比innerHTML安全，而innerText又有瀏覽器不相容的問題，因此用createTextNode很好使。

3、插入節點到最後

appendChild()
node.appendChild(value);

將節點插入到最後，上面兩個建立的節點不會自動加入文件裡，所以就要讓appendChild來插入了。
如果是新的節點是插入到最後，而如果是已經存在的節點則是移動到最後，這點很多人注意不到，理解了這點，再和下面的方法結合，可以方便的移動操作節點。

4、插入節點到目標節點的前面

insertBefore()
var node = document.createElement(“div”);
var _p = document.createElement(“p”);
var _span = document.createElement(“span”);
node.appendChild(_p);
node.insertBefore(_span, _p);

節點在

節點前面插入，其中第二個參數是可選，如果第二個參數不寫，將預設加入到文件的最後，相當於appendChild。
同樣，appendChild和insertBefore，如果是已存在節點，他們都會自動先刪除原節點，然後移動到你指定的地方。
將節點移到最前面的技巧：

if (node.parentNode.firstChild)
node.parentNode.insertBefore(node, node.parentNode.firstChild);else node.parentNode.appendChild(node);

node.cloneNode(true);
node.cloneNode(false);
複製上面的div節點，參數tr​​ue ，複製整個節點和裡面的內容；false，只複製節點不要裡面的內容，複製後的新節點，也不會被自動插入到文檔，需要用到3和4的方法去插入。

6、刪除節點

removeChild()
node.removeChild(_p);

把上面的

節點從

裡刪除。不過一般情況下，不知道要刪除的節點的父節點是什麼，因此一般這麼使：node.parentNode.removeChild(node);

   

#

以上是極客學院javascript影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！