一.js引入方式

1.寫在head中/body中

  window.onload = function(){}

2.寫在body下面,

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

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

二.基礎(chǔ)知識(shí)

1.調(diào)試方式
    1> `alert(文字')`;
    2>`console.log()`;
    3>`document.title = ""`;
2.變量以及命名規(guī)則
   -由數(shù)字字母下劃線組成
   -不能以數(shù)字開(kāi)頭
   -不能使用系統(tǒng)關(guān)鍵字
   -見(jiàn)名知意  建議駝峰命名法
3.基礎(chǔ)數(shù)據(jù)類型
   -整形
   -浮點(diǎn)類型
   -字符串
   -布爾類型
   -undefind類型
   -null類型
 4.運(yùn)算符
    用于執(zhí)行變量與/或值之間的算術(shù)運(yùn)算辉阶。
    % 求余數(shù) (保留整數(shù))+ + 累加
    x=++y   x=y+1— — 遞減 x= - -y x=y-1
    如果“++”位于運(yùn)算數(shù)之前酿傍，先對(duì)運(yùn)算數(shù)進(jìn)行增量捉片，然后計(jì)算運(yùn)算數(shù)增長(zhǎng)后的值格遭。
    如果“++”位于運(yùn)算數(shù)之后笼平，先計(jì)算運(yùn)算數(shù)未增長(zhǎng)之前的值，然后對(duì)運(yùn)算數(shù)增量
 5.邏輯運(yùn)算符
      邏輯與  &&
       邏輯或    ||
       邏輯非      !
   **注意短路現(xiàn)象**

三.三大結(jié)構(gòu)

 1:順與結(jié)構(gòu)
     從上到下 依次執(zhí)行
  2: 分支結(jié)構(gòu)
      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 不同時(shí)執(zhí)行的代碼
               }
 3.循環(huán)語(yǔ)句 
        1:  while(條件){
                 代碼塊}
        2:do{代碼塊} while(條件);
        3:for(條件) {
             代碼塊}

四.類型相關(guān)

 ###變量
      1:全局變量,從定義開(kāi)始,一直到文檔的之后
          無(wú)論從任何位置,定義變量不加var關(guān)鍵字都會(huì)成為全局變量
      2:局部變量
        從定義開(kāi)始,直到包含它的大括號(hào)結(jié)束為止
         當(dāng)局部變量和全局變量發(fā)生重復(fù)定義的時(shí)候  使用局部變量
 ###數(shù)組
    Array.length        獲取數(shù)組長(zhǎng)度
    Array.concat()        連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。
    Array.join()        把數(shù)組的所有元素放入一個(gè)字符串囚企。元素通過(guò)指定的分隔符進(jìn)行分隔。
    Array.pop()     刪除并返回?cái)?shù)組的最后一個(gè)元素
    Array.push()        向數(shù)組的末尾添加一個(gè)或更多元素瑞眼，并返回新的長(zhǎng)度龙宏。
    Array.reverse()        顛倒數(shù)組中元素的順序。
    Array.shift()        刪除并返回?cái)?shù)組的第一個(gè)元素
    Array.slice()        從某個(gè)已有的數(shù)組返回選定的元素
    Array.sort()        對(duì)數(shù)組的元素進(jìn)行排序
    Array.splice()        刪除元素伤疙，并向數(shù)組添加新元素烦衣。
    Array.toSource()        返回該對(duì)象的源代碼。
    Array.toString()        把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果花吟。
    Array.toLocaleString()        把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組，并返回結(jié)果厨姚。
    Array.unshift()        向數(shù)組的開(kāi)頭添加一個(gè)或更多元素衅澈，并返回新的長(zhǎng)度。
    Array.valueOf()        返回?cái)?shù)組對(duì)象的原始值
###類型轉(zhuǎn)換
    parseInt()     值轉(zhuǎn)換成整數(shù)
    parseFloat()    值轉(zhuǎn)換成浮點(diǎn)數(shù)
    Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型谬墙； 
    Number(value)——把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點(diǎn)數(shù)）今布； 
    String(value)——把給定的值轉(zhuǎn)換成字符串。

五:元素的獲取

1拭抬、通過(guò)ID選取元素（getElementById）
   1）使用方法：document.getElementById("domId")  其中部默，domId為要選取元素的id屬性值   
   2）兼容性：低于IE8版本的IE瀏覽器對(duì)getElementById方法的實(shí)現(xiàn)是不區(qū)分元素ID號(hào)的大小寫的，
                并且會(huì)返回匹配name屬性的元素造虎。
2傅蹂、通過(guò)名稱name選取元素（getElementsByName）
    1）使用方法：document.getElementsByName("domName")
        其中，domName為要選取元素的name屬性值
    2）說(shuō)明：a. 返回值是一個(gè)nodeList集合（區(qū)別于Array）
            b. 和ID屬性不一樣算凿，name屬性只在少數(shù)DOM元素中有效（form表單份蝴、表單元素、iframe氓轰、img）
婚夫。這是因?yàn)閚ame屬性是為了方便提交表單數(shù)據(jù)而打造的。
            c. 為form署鸡、img案糙、iframe、applet靴庆、embed时捌、object元素設(shè)置name屬性時(shí)，
                會(huì)自動(dòng)在Document對(duì)象中創(chuàng)建以該name屬性值命名的屬性撒穷。所以可以通過(guò)document.domName引用相應(yīng)的dom對(duì)象
    3）兼容性：IE中ID屬性值匹配的元素也會(huì)一起返回
3匣椰、通過(guò)標(biāo)簽名選取元素（getElementsByTagName）
    1）使用方法：element.getElementsByTagName("tagName") 
       其中，element是有效的DOM元素（包括document）
              tagName是DOM元素的標(biāo)簽名
    2）說(shuō)明：a. 返回值是一個(gè)nodeList集合（區(qū)別于Array）
             b. 該方法只能選取調(diào)用該方法的元素的后代元素端礼。
             c. tagName不區(qū)分大小寫 
            d. 當(dāng)tagName為*時(shí)禽笑，表示選取所有元素（需遵從b.規(guī)則）
            e. HTMLDocument會(huì)定義一些快捷屬性來(lái)訪問(wèn)標(biāo)簽節(jié)點(diǎn)。
                如：document的images蛤奥、forms佳镜、links屬性指向<img>、<form>凡桥、<a>標(biāo)簽元素集合蟀伸，
                而document.body和document.head總是指向body和head標(biāo)簽
                （當(dāng)未顯示聲明head標(biāo)簽時(shí)，瀏覽器也會(huì)創(chuàng)建document.head屬性
）
4、通過(guò)CSS類選取元素（getElementsByClassName）
    1）使用方法：element.getElementsByClassName("classNames")
        其中啊掏，element是有效的DOM元素（包括document）
              classNames是CSS類名稱的組合（多個(gè)類名之間用空格蠢络，可以是多個(gè)空格隔開(kāi)），
              如element.getElementsByClassName("class2 class1")
                將選取elements后代元素中同時(shí)應(yīng)用了class1和class2樣式的元素樣式名稱不區(qū)分先后順序）
    2）說(shuō)明：a. 返回值是一個(gè)nodeList集合（區(qū)別于Array）
             b. 該方法只能選取調(diào)用該方法的元素的后代元素迟蜜。
    3）兼容性：IE8及其以下版本的瀏覽器未實(shí)現(xiàn)getElementsByClassName方法
5刹孔、通過(guò)CSS選擇器選取元素
    1）使用方法：document.querySelectorAll("selector") 
       其中，selector為合法的CSS選擇器 
   2）說(shuō)明：a. 返回值是一個(gè)nodeList集合（區(qū)別于Array）
    3）兼容性：IE8及其以下版本的瀏覽器只支持CSS2標(biāo)準(zhǔn)的選擇器語(yǔ)法

六:className屬性

 設(shè)置元素的clas屬性值   會(huì)覆蓋掉之前的

六:input的checked

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