一.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.變量以及命名規(guī)則
   -由數字字母下劃線組成
   -不能以數字開頭
   -不能使用系統(tǒng)關鍵字
   -見名知意  建議駝峰命名法
3.基礎數據類型
   -整形
   -浮點類型
   -字符串
   -布爾類型
   -undefind類型
   -null類型
 4.運算符
    用于執(zhí)行變量與/或值之間的算術運算。
    % 求余數 (保留整數)+ + 累加
    x=++y   x=y+1— — 遞減 x= - -y x=y-1
    如果“++”位于運算數之前，先對運算數進行增量武福，然后計算運算數增長后的值覆旱。
    如果“++”位于運算數之后，先計算運算數未增長之前的值伊履，然后對運算數增量
 5.邏輯運算符
      邏輯與  &&
       邏輯或    ||
       邏輯非      !
   **注意短路現(xiàn)象**

三.三大結構

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

四.類型相關

 ###變量
      1:全局變量,從定義開始,一直到文檔的之后
          無論從任何位置,定義變量不加var關鍵字都會成為全局變量
      2:局部變量
        從定義開始,直到包含它的大括號結束為止
         當局部變量和全局變量發(fā)生重復定義的時候  使用局部變量
 ###數組
    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方法的實現(xiàn)是不區(qū)分元素ID號的大小寫的脉课，
                并且會返回匹配name屬性的元素。
2财异、通過名稱name選取元素（getElementsByName）
    1）使用方法：document.getElementsByName("domName")
        其中院刁，domName為要選取元素的name屬性值
    2）說明：a. 返回值是一個nodeList集合（區(qū)別于Array）
            b. 和ID屬性不一樣名船，name屬性只在少數DOM元素中有效（form表單算行、表單元素努释、iframe、img）
疫鹊。這是因為name屬性是為了方便提交表單數據而打造的俐东。
            c. 為form跌穗、img、iframe虏辫、applet蚌吸、embed、object元素設置name屬性時砌庄，
                會自動在Document對象中創(chuàng)建以該name屬性值命名的屬性羹唠。所以可以通過document.domName引用相應的dom對象
    3）兼容性：IE中ID屬性值匹配的元素也會一起返回
3、通過標簽名選取元素（getElementsByTagName）
    1）使用方法：element.getElementsByTagName("tagName") 
       其中娄昆，element是有效的DOM元素（包括document）
              tagName是DOM元素的標簽名
    2）說明：a. 返回值是一個nodeList集合（區(qū)別于Array）
             b. 該方法只能選取調用該方法的元素的后代元素佩微。
             c. tagName不區(qū)分大小寫 
            d. 當tagName為*時，表示選取所有元素（需遵從b.規(guī)則）
            e. HTMLDocument會定義一些快捷屬性來訪問標簽節(jié)點萌焰。
                如：document的images哺眯、forms、links屬性指向<img>扒俯、<form>奶卓、<a>標簽元素集合，
                而document.body和document.head總是指向body和head標簽
                （當未顯示聲明head標簽時撼玄，瀏覽器也會創(chuàng)建document.head屬性
）
4夺姑、通過CSS類選取元素（getElementsByClassName）
    1）使用方法：element.getElementsByClassName("classNames")
        其中，element是有效的DOM元素（包括document）
              classNames是CSS類名稱的組合（多個類名之間用空格掌猛，可以是多個空格隔開）盏浙，
              如element.getElementsByClassName("class2 class1")
                將選取elements后代元素中同時應用了class1和class2樣式的元素樣式名稱不區(qū)分先后順序）
    2）說明：a. 返回值是一個nodeList集合（區(qū)別于Array）
             b. 該方法只能選取調用該方法的元素的后代元素。
    3）兼容性：IE8及其以下版本的瀏覽器未實現(xiàn)getElementsByClassName方法
5荔茬、通過CSS選擇器選取元素
    1）使用方法：document.querySelectorAll("selector") 
       其中废膘，selector為合法的CSS選擇器 
   2）說明：a. 返回值是一個nodeList集合（區(qū)別于Array）
    3）兼容性：IE8及其以下版本的瀏覽器只支持CSS2標準的選擇器語法

六.className屬性

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

七.input的checked

     判斷一個選項卡是否是選中狀態(tài);
     元素.checked = true