1. JavaScript基礎

1.1 JavaScript介紹

    JavaScript 是網際網路上最流行額指令碼語言；JavaScript一種直譯式指令碼語言，是一種動態型別、弱型別、基於原型的語言，內建支援型別。它的直譯器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的指令碼語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能
    在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。
    為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上執行。為了統一規格，因為JavaScript相容於ECMA標準，因此也稱為ECMAScript。

1.2 JavaScript 用法

HTML中指令碼必須位於<script type="text/script"></script>標籤之間，指令碼可被放置在body中

範例

1.3 JavaScript輸出

document.write("Hell Word!");    
document.write("<h1>沁園春·雪</h1>");  
document.getElementById();

1.4 JavaScript語法

1. JavaScript語句向瀏覽器發出的命名。語句的作用是告訴瀏覽器該做什麼。
2. JavaScript按照編寫的順序執行
3. 識別符號   
    JavaScript的識別符號必須以字母，下劃線或美元符號開始。
4. JavaScript對大小寫敏感
5. 空格
    空格對JavaScript沒影響，他的程式碼結束通過行結束
6. 關鍵字
    ![這裡寫圖片描述](https://img-blog.csdn.net/20160816002930699)
7. 註釋
    單行註釋   //   
    多行註釋   /*  */

1.5 變數資料型別

1. 變數通過var宣告[JS是一門弱語言，所有的變數都是通過var宣告]
2. 資料型別   
    2.1 字串（String）
    2.2 數字（Number）
    2.3 布林（boolean）
    2.4 陣列(Array)
    2.5 物件（Object）
    2.6 空（null）
    2.7 未定義
注意：可以通過賦值null來清除變數

2. JS語法詳解

1. 運算子
    1.1 算數運算子
        +,-,*,/,%,++,--

    1.2 賦值運算子
        =

    1.3 拼接運算子
        +

    1.4 關係運算子
        > , < , == , != , >= , <= , ===

    注意：關係運算子返回的是一個boolean型別的值;===個等號也是比較是否相等，只有資料型別相同的時候才返回true

    1.5 邏輯運算子
        && , || , !

    1.6 條件運算子 
        ? :
2. 條件語句
    2.1 if

    2.2 if...else

    2.3 switch

3. 迴圈語句
    3.1 for

    3.2 while

    3.2 do...while

4. 跳轉語句
    4.1 break
    4.2 continut
    4.3 return

3. JavaScript函式

    alert();函式

    1. 函式語法
        function 方法名稱(引數列表){
            //程式碼塊
        }
    注意：JavaScript對大小十分敏感，所以在這裡的function必須全部小寫。在函式呼叫的時候，也必須按照函式的相同名稱來呼叫函式。
    2. 函式的呼叫
        2.1 在JavaScript中呼叫
        直接通過呼叫函式名稱呼叫

        2.2 在HTML標籤中呼叫
        通過HTML的事件呼叫
    3. 帶引數的函式
        function demo(a,b){
            var sum = a + b;
            alert(sum);
        }
        注意：JS中的引數沒有資料型別這一說法。呼叫的時候也需要按照引數的順序賦值;
    4. 全域性變數和區域性變數
        在函式中申明的變數是區域性變數，在函式外申明的變數就是全域性變數

4. JavaScript異常處理和事件處理，事件介紹

    1. 異常處理
        try{

        }catch(err){

        }
    2. Throw語句
        可以通過Throw語句建立自定義的錯誤
        <form>
            <input type="text" id="txt" />
            <input type="button" onoclick="demo();" />
        </form>
        function demo(){
           try{
                var e = document.getElementById("txt").value;
                if(e == ""){
                    throw "請輸入資料";
                }
           }catch(err){
                alert(err);
           }
        }
    3. 事件

5. JavaScript DOM物件

1. HTML DOM 
    當網頁被載入時，瀏覽器會建立頁面的文件物件模型（DocumentObjectModel）
                            Document
                                |
                            Root ELement/html
            Elelent/head                                Element/body
            Element/title    Attribut：href<---Element/a           Element/h1
            Text-MyNewHtml                      Text:MyLink         Text/MyHeader
2. DOM操作HTML
    2.1 改變HTML輸出流（document.write()）
    注意：絕對不要在文件緊挨在完成之後使用document.write()。這會覆蓋該文件
    2.2 尋找元素
        通過ID找到HTML元素
        通過標籤名找到HTML元素
    2.3. 改變HTML內容
        使用innerHTML
3. DOM 操作CSS
    3.1 通過DOM 物件改變CSS
    語法：document.getElementById(id).style.property=new style;

    範例：document.getElementById("div1").style.color="red";
4.  新增控制程式碼和移除控制程式碼
    document.getElementById().addEventListener("click",function(){

    });
    document.getElementById().removeEventListener("click",方法名);
5. 帶返回值的函式
    1. 返回值：有的時候需要將函式的值返回給呼叫他的地方；可以通過return語句實現
    注意：在使用return語句的時候，執行了return語句函式就會停止，後續的程式碼就不在執行，同時返回值； 

6. JavaScript內建物件

7. JavaScript DOM物件控制HTML元素

8. JavaScript 瀏覽器物件

9. JavaScript 瀑布流

10. JavaScript物件導向詳解

11. JavaScript正規表示式

12. JavaScript物件導向