一.js引入方式

1.寫在head中/body中

  window.onload = function(){}

2.寫在body下面,

3.外部文件引入(外部文件需要加window.onload)

  ```
<script src= ""></script>
 ```

二.基礎知識

1.調試方式
    1> `alert(文字')`;
    2>`console.log()`;
    3>`document.title = ""`;
2.變量以及命名規則
   -由數字字母下劃線組成
   -不能以數字開頭
   -不能使用系統關鍵字
   -見名知意  建議駝峰命名法
3.基礎數據類型
   -整形
   -浮點類型
   -字符串
   -布爾類型
   -undefind類型
   -null類型
 4.運算符
    用于執行變量與/或值之間的算術運算。
    % 求余數 (保留整數)+ + 累加
    x=++y   x=y+1— — 遞減 x= - -y x=y-1
    如果“++”位于運算數之前，先對運算數進行增量，然后計算運算數增長后的值。
    如果“++”位于運算數之后，先計算運算數未增長之前的值，然后對運算數增量
 5.邏輯運算符
      邏輯與  &&
       邏輯或    ||
       邏輯非      !
   **注意短路現象**

三.三大結構

 1:順與結構
     從上到下 依次執行
  2: 分支結構
      1. if(條件) {
            代碼塊
         }
      2. if(條件){代碼塊
           }else {代碼塊
           }
       3.if(條件){代碼塊
           }else if(條件) {代碼塊
           }
        4.switch(n) {
               case 1:
                    執行代碼塊 1
                     break;
               case 2:
                      執行代碼塊 2
                      break;
               default:
               n 與 case 1 和 case 2 不同時執行的代碼
               }
 3.循環語句 
        1:  while(條件){
                 代碼塊}
        2:do{代碼塊} while(條件);
        3:for(條件) {
             代碼塊}

四.類型相關

 ###變量
      1:全局變量,從定義開始,一直到文檔的之后
          無論從任何位置,定義變量不加var關鍵字都會成為全局變量
      2:局部變量
        從定義開始,直到包含它的大括號結束為止
         當局部變量和全局變量發生重復定義的時候  使用局部變量
 ###數組
    Array.length        獲取數組長度
    Array.concat()        連接兩個或更多的數組，并返回結果。
    Array.join()        把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。
    Array.pop()     刪除并返回數組的最后一個元素
    Array.push()        向數組的末尾添加一個或更多元素，并返回新的長度。
    Array.reverse()        顛倒數組中元素的順序。
    Array.shift()        刪除并返回數組的第一個元素
    Array.slice()        從某個已有的數組返回選定的元素
    Array.sort()        對數組的元素進行排序
    Array.splice()        刪除元素，并向數組添加新元素。
    Array.toSource()        返回該對象的源代碼。
    Array.toString()        把數組轉換為字符串，并返回結果。
    Array.toLocaleString()        把數組轉換為本地數組，并返回結果。
    Array.unshift()        向數組的開頭添加一個或更多元素，并返回新的長度。
    Array.valueOf()        返回數組對象的原始值
###類型轉換
    parseInt()     值轉換成整數
    parseFloat()    值轉換成浮點數
    Boolean(value)——把給定的值轉換成Boolean型； 
    Number(value)——把給定的值轉換成數字（可以是整數或浮點數）； 
    String(value)——把給定的值轉換成字符串。

五:元素的獲取

1、通過ID選取元素（getElementById）
   1）使用方法：document.getElementById("domId")  其中，domId為要選取元素的id屬性值   
   2）兼容性：低于IE8版本的IE瀏覽器對getElementById方法的實現是不區分元素ID號的大小寫的，
                并且會返回匹配name屬性的元素。
2、通過名稱name選取元素（getElementsByName）
    1）使用方法：document.getElementsByName("domName")
        其中，domName為要選取元素的name屬性值
    2）說明：a. 返回值是一個nodeList集合（區別于Array）
            b. 和ID屬性不一樣，name屬性只在少數DOM元素中有效（form表單、表單元素、iframe、img）
。這是因為name屬性是為了方便提交表單數據而打造的。
            c. 為form、img、iframe、applet、embed、object元素設置name屬性時，
                會自動在Document對象中創建以該name屬性值命名的屬性。所以可以通過document.domName引用相應的dom對象
    3）兼容性：IE中ID屬性值匹配的元素也會一起返回
3、通過標簽名選取元素（getElementsByTagName）
    1）使用方法：element.getElementsByTagName("tagName") 
       其中，element是有效的DOM元素（包括document）
              tagName是DOM元素的標簽名
    2）說明：a. 返回值是一個nodeList集合（區別于Array）
             b. 該方法只能選取調用該方法的元素的后代元素。
             c. tagName不區分大小寫 
            d. 當tagName為*時，表示選取所有元素（需遵從b.規則）
            e. HTMLDocument會定義一些快捷屬性來訪問標簽節點。
                如：document的images、forms、links屬性指向<img>、<form>、<a>標簽元素集合，
                而document.body和document.head總是指向body和head標簽
                （當未顯示聲明head標簽時，瀏覽器也會創建document.head屬性
）
4、通過CSS類選取元素（getElementsByClassName）
    1）使用方法：element.getElementsByClassName("classNames")
        其中，element是有效的DOM元素（包括document）
              classNames是CSS類名稱的組合（多個類名之間用空格，可以是多個空格隔開），
              如element.getElementsByClassName("class2 class1")
                將選取elements后代元素中同時應用了class1和class2樣式的元素樣式名稱不區分先后順序）
    2）說明：a. 返回值是一個nodeList集合（區別于Array）
             b. 該方法只能選取調用該方法的元素的后代元素。
    3）兼容性：IE8及其以下版本的瀏覽器未實現getElementsByClassName方法
5、通過CSS選擇器選取元素
    1）使用方法：document.querySelectorAll("selector") 
       其中，selector為合法的CSS選擇器 
   2）說明：a. 返回值是一個nodeList集合（區別于Array）
    3）兼容性：IE8及其以下版本的瀏覽器只支持CSS2標準的選擇器語法

六:className屬性

 設置元素的clas屬性值   會覆蓋掉之前的

六:input的checked

     判斷一個選項卡是否是選中狀態;
     元素.checked = true