NaN的認識

• Not a Numeber
• NaN屬于數值類型，是用來記錄一個特殊的數值類型的字符，但是表示不是一個數字
• NaN和自身也不相等

js書寫位置

• 1.行內式：
  <button onclick="alert('你好嗎')">點擊我</button>
• 2.外雙內單的格式：
  <a href="javascript:;" ></a>
• 3.內嵌式：
  <script></script>
• 4.外鏈式：
  <script type="text/javascript" src=".js"></script>
  這對標簽之間不能寫任何東西。

onload事件的認識

• 1.獲取標簽
• 當頁面加載完畢后才可以去獲取標簽，這樣才能獲取到標簽
• 頁面加載完畢可以通過window.onload

排他思想

• 選中的目標進行改變，其他沒有選中的目標回復原狀。
• 中心思想：首先清除所有人，然后留下我自己。
• window.onload=function（）｛｝寫一次

<div id="box">
    <button>第一個</button>
    <button>第二個</button>
    <button>第三個</button>
    <button>第四個</button>
    <button>第五個</button>
</div>
<script>
    window.onload = function () {
        //1.獲取標簽
        var btns = document.getElementById('box').getElementsByTagName('button');
        //2.點擊每一個按鈕讓切換顏色
        //2.1遍歷按鈕
        for(var i = 0 ;i < btns.length;i ++){
            btns[i].onclick = function () {
                //2.2點擊按鈕的時候，我們要讓其余的按鈕為原來的顏色，我們點擊的按鈕為想要的顏色
                //2.21.讓所有的按鈕的顏色為原來的顏色,我們需要拿到所有的按鈕，所以我們需要遍歷按鈕
                for(var j = 0; j < btns.length;j ++){
                    btns[j].className = '';
                }
                //2.22設置我們點擊按鈕為我們想要的顏色
//                btns[i]:表示點擊的按鈕
                //this:一般放在事件指令中，表示誰被觸發了，就是我們事件源，這里就是表示點擊了哪個按鈕
              this.className = 'curr';
            }
        }
    }
</script>
</body>

綁定類名設置顏色

    var box = document.getElementById('box');
 2.通過綁定類名來設置顏色
    box.className = 'curr';

九宮格算法

• 1.首先我們要獲取需要的標簽
• 2.實現點擊按鈕切換每一個方塊的位置
• 2.1利用for循環設置每一個按鈕的位置
• 2.2先計算行號和列號（這里的行號列號是角標號）列號是余，行號是除。
• 2.3 計算每個方塊的top，left值。left值=列號方塊的寬度+左右內外邊距，top值=行號是方塊的高度加上下內外邊距。
• 2.4給每個按鈕定位（最后定位的時候不要忘記加上px符號）

數組常見方法

• 1.創建數組

  var myArray2 = [2,3,5,123,6,21];
  

* 2.數組的連接方法(.concat)
   ``` var myArray3 = myArray1.concat(myArray2);
 console.log(myArray3);

• 3.給數組的尾部添加一個元素(push())

  console.log(myArray1);
  console.log(length1)
  

* 4.給數組同步添加一個元素(unshift())
    ```var length2 =  myArray2.unshift(20);
    console.log(myArray2);
    console.log(length2);

凡是數組中添加元素都是返回數組的長度

• 5.刪除尾部的元素(pop())

  console.log(myArray1);
  console.log(delSym1);
  

* 6.刪除頭部元素(shift())
   ``` var delSym2 = myArray2.shift();
    console.log(myArray2);
    console.log(delSym2);

凡是刪除元素都是返回刪除的元素

• 7.刪除某一個位置的元素

myArray1.splice(2,4);
    console.log(myArray1);

一般這個方法有兩個參數，第一個表示從某一個位置開始刪除，第二個表示刪除元素的個數

• 8.可以使用傳入的參數來連接每一個數組中的元素，形成一個字符串(join('-'))

  console.log(typeof lastString);
  console.log(lastString);
  

* 9.將有規律的字符轉化成數組,使用參數中傳入的值進行分割(split('-'))
    ```var lastArray = lastString.split('-');
    console.log(lastArray);

字符串的常見的方法

• 1.創建一個字符串

* 2.轉化成數值類型
    ```var myNum = Number(myString);

• 3.截取兩位小數部分

  console.log(dotNum);
  

* 4.使用別的方式來設置兩位小數
    ``` var dotNum2 = myNum.toFixed(3);
    console.log(dotNum2);

字符串常用的方法

• 1.創建字符

* 2.indexof可以用來獲取某個字符的位置,注意如果要獲取的字符有多個同樣的字符，那么只會獲取第一個字符的位置，獲取字符位置順序是從左到右。
    ```例如：var index = myString.indexOf('a');
     console.log(index);
    會獲取name中的a的位置，也就是4。
`` 
* 3.lastIndexOf是從后到前獲取我們對應的字符的位置，當找到第一個字符后就停止，獲取的字符的位置的排序還是從左到右。
    ```var lastIndex = myString.lastIndexOf('a');
    console.log(lastIndex);
會獲取jack中的a的位置，也就是12。

• 4.charAt獲取某一個具體位置對應的字符

   console.log(mySym);
  獲取的對應字符是y。
  

* 4.1獲取某一個位置對應的unicode編碼
    ```var myUsym = myString.charCodeAt(16);
    console.log(myUsym);
    獲取的是對應的unicode編碼號。

• 注意；如果獲取的unioode編碼值是大于127,那么這個字符應該是個漢字

字符串的截取

• 1.創建字符

* 2.截取字符,slice()會從第一個參數位置開始截取到第二個參數位置，但是注意不包含第二個參數的位置對應的字符。如果要是第二個參數不傳入值，會直接截取到字符串的結尾。
   ``` var mySliceString =  myString.slice(2,3);
    console.log(mySliceString);
會截取到=的內容是“i”。
var mySliceString1  = myString.slice(2);
    console.log(mySliceString1);
會截取的內容是“isrose 我的”。