《極客學院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。 node.cloneNode(true); 把上面的 節點從 以上是極客學院javascript影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!
同樣,appendChild和insertBefore,如果是已存在節點,他們都會自動先刪除原節點,然後移動到你指定的地方。
將節點移到最前面的技巧:if (node.parentNode.firstChild)
node.parentNode.insertBefore(node, node.parentNode.firstChild);else node.parentNode.appendChild(node);
node.cloneNode(false);
複製上面的div節點,參數true ,複製整個節點和裡面的內容;false,只複製節點不要裡面的內容,複製後的新節點,也不會被自動插入到文檔,需要用到3和4的方法去插入。
6、刪除節點removeChild()
node.removeChild(_p);