首頁 > web前端 > js教程 > 主體

極客學院javascript影片資料分享

巴扎黑
發布: 2017-08-28 17:59:45
原創
1322 人瀏覽過

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

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

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

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

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

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

極客學院javascript影片資料分享

影片播放位址: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板