初次接觸JS（二）

    一、進階篇主要學什麼

    在JavaScript入門篇中，我們學習瞭如何插入JS、輸出內容及簡單的DOM操作，JavaScript進階篇讓您進一步的瞭解JS的變量、數組、函數、語法、對象、事件、DOM操作，製作簡單的網頁動態效果。

    二、數組

    1. 創建數組： var myarr = new Array();
    2. 給數組賦值：
                var myarr = new Array(3);
                myarr[0] = 88;
                myarr[1] = 90;
                myarr[3] = 68;
            注意：雖然創建數組時，指定了長度，但實際上數組都是變長的，也就是說即使指定了長度爲3，仍然可以將元素存儲在規定長度以外。

    三、流程控制語句（和java的相同）

    1. if(){}else{}
    2. switch{
            case 1:
                break;
            default:
        }
    3. for(var i=0 ; i <= arr.length-1 ; i++){}
    4. while(){}
    5. do{}while(){}
    6. break
    7. continue

    四、函數

    1. 定義函數： function 函數名{
                        函數體;
                  }

    五、事件響應，讓網頁交互

    主要事件：
            onclick ： 鼠標單擊事件
            onmouseover： 鼠標經過事件
            onmouseout： 鼠標移開事件
            onchange： 文本框內容改變事件
            onselect： 文本框內容被選中事件
            onfocus： 光標聚集
            onblur： 光標離開
            onload： 網頁導入
            onunload： 關閉網頁

    六、瀏覽器對象

    1. Window: window對象是BOM的核心，window對象指當前的瀏覽器窗口.
    2. 計時器：
            setTimeout(執行時間 , 時間): 指定的延遲時間之後執行代碼
            clearTimeout(): 取消setTimeout()設置
            setInterval(): 每隔指定的時間執行代碼
            clearInterval()： 取消setInterval()設置
    3. History 對象：history對象記錄了用戶曾經瀏覽過的頁面(URL)，並可以實現瀏覽器前進與後退相似導航的功能。
            window.history.[屬性|方法]
                屬性：length返回瀏覽器歷史列表中URL的數量
                方法：back()加載history列表的上一個url
                      forward()加載history列表的下一個url
                      go()加載history列表中一個具體的url

    4. Location對象：location用於獲取或設置窗體的URL，並且可以用於解析URL。

       

            location.[屬性|方法]
                屬性：hash 設置或返回從#開始的url（錨）
                      host 設置或返回主機名和當前url的端口號
                      hostname 設置或返回當前的url的主機名
                      href 設置或返回完整的url
                      pathname 設置或返回當前的url路徑部分
                      port 設置或返回當前的url的端口號
                      protocol 設置或返回當前url的協議
                      search 設置或返回從？開始的url（查詢部分）
                方法：assign（） 加載新的文檔
                      reload（） 重新加載當前文檔
                      replace（）用新的文檔替換新的文檔
    5. Navigator對象：Navigator 對象包含有關瀏覽器的信息，通常用於檢測瀏覽器與操作系統的版本。
                屬性：appCodeName 瀏覽器代碼名的字符串表示
                      appName 返回瀏覽器的名稱
                      appVersion 返回瀏覽器的平臺和版本信息
                      platform 返回運行瀏覽器的操作系統平臺
                      userAgent 返回由客戶機發送服務器的user-agent頭部的值
    6. screen對象: screen對象用於獲取用戶的屏幕信息
                屬性：availHeight 窗口可以使用的屏幕高度，單位像素
                      availWidth 窗口可以使用的屏幕寬度，單位像素
                      colorDepth 用戶瀏覽器表示的顏色位數，通常32位（每像素的位數）
                      height 屏幕的高度
                      width 屏幕的寬度

    七、認識DOM對象：

            文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現爲帶有元素、屬性和文本的樹結構（節點樹）。

    1. document.getElementById("id"); 根據id獲取對應的元素
    2. document.getElementsByNmae("name");  因爲文檔中的 name 屬性可能不唯一，所有 getElementsByName() 方法返回的是元素的數組，而不是一個元素。
    3. document.getElementsByTagName("標籤名"); 返回帶有指定標籤名的節點對象的集合。返回元素的順序是它們在文檔中的順序。
    4. elementNode.getAttribute(name): 1. elementNode：使用getElementById()、getElementsByTagName()等方法，獲取到的元素節點。
                                       2. name：要想查詢的元素節點的屬性名字
        elementNode.setAttribute(name,value)
    5. 節點的三個重要屬性：nodeName : 節點的名稱
                           nodeValue ：節點的值
                           nodeType ：節點的類型
    6. elementNode.childNodes ： 訪問選定元素節點下的所有子節點的列表，返回的值可以看作是一個數組，他具有length屬性。