WEB前端--JavaScript

標籤：js   記錄   

1.如果說，HTML是一種結構，CSS是一種表現，那麼JavaScript就是一種行為，真真的可以讓頁面動起來。
2.我是從兩個方面來學習JS的，我們要明白一點，JS是用於響應使用者操作的。而使用者的操作不外乎兩個方面。
①開啟頁面，頁面載入。
②對頁面中的對象進行操作，通常就是單擊操作。
這裡就得說一下，js代碼要寫在那裡，以及頁面載入問題。
①js代碼要寫在哪裡？具體的內容，可以我編程問題總結那篇部落格。
②頁面載入也同上。

繼續來說上面的問題，對頁面中的對象進行單擊的時候，我們要擷取到這個對象，才能對其進行操作。具體來說有三個方法。
1.document.getElementById();最常用的方法。
2.document.getElementsByTagName();通過標籤名來擷取對象。
3.document.getElementsByName();通過其name屬性來擷取對象。

我們要通過這個對象對其他對象來進行操作。
這裡要有一個樹的概念，來看一張圖：

這裡我們所說的對象，就是DOM對象。
DOM：Document Object Model，文件物件模型。簡單來說呢，就是頁面上你看到的所有元素，都是DOM中的對象。

還接著上面的，我們通過三個方法擷取了DOM對象，通過這個對象，我們可以獲得其父子，兄弟，祖先，後代所有的元素節點。這樣我們就可以擷取到整個頁面上所有的對象。

在接下來就是對這些對象的操作，比如擷取屬性，擷取裡邊的常值內容，設定屬性值，設定文本裡的內容，在這個對象周圍建立，刪除，插入對象等等。

我們可以對頁面的所有元素為所欲為，這個頁面就動起來了（是動，不是動態）。

說了這麼多，學習一門語言，還是首先要學習其文法，但是在學習其文法之前，首先要對這個語言有一個瞭解。JavaScript是一門弱類型語言，要瞭解它弱在什麼地方，然後再開始學習。同時要瞭解一個規律，一門語言的文法不外乎幾個方面，變數的定義，方法的使用，運算子，流程式控制制，注釋等。

JS:
變數的聲明：
var a = 1;
var b = “123”;//體現了JS語言的弱,想想Java，你能這樣寫嗎？這就是Java語言是強型別的一個表現之一。
函數的聲明：
function fun(){

}
var a = function(){

}//函數也是一個對象

對象的建立：
var obj = new Object();
var obj = {};
->JSON對象：
->var jsonObj = {“key1”:”value1”,”key2”:”value2”};

注釋：和Java單行多行注釋相同

事件，使用者對頁面的操作時所觸發的一系列變化。如onclick事件

好像說完了，其實這隻是開了個頭，在開始學習的時候，遇到不會的問題要找w3cschool就可以了，當然實現一些特效還是需要有一定的邏輯思維能力。但是也不用過多的關注JS，再往後我們學習jQuery，有好多東西它都給封裝好了，我們直接拿來用就是了。OK,就到這裡吧。over，睡覺。

WEB前端--JavaScript