JavaScript快速入門

JavaScript:

• 概念 :一門客戶端腳本語言
  • 運行在客戶端瀏覽器中的,每一個瀏覽器都有一個JavaScript的解析引擎
  • 腳本語言:不需要編譯,直接就可以被瀏覽器解析執行了
• 功能:
  • 可以用來增強用戶和html頁面的交互過程,用來控制html元素,讓頁面有一些動態效果,增強用戶的體驗
    
• JavaScrpit=ECMAScript+JavaScript(BOM+DOM);
• ECMAScript:客戶端腳本語言的標準
  1. 基本語法:
     1. 與html結合方式
        1. 內部js:
           • 定於
             ```
           • 使用className
             html <script> var div1 = document.getElementById("div1"); div1.onclick = function() { div1.className="d1"; } </script>
• 事件監聽機制
  1. 概念:某些組件被執行了某些操作後,觸發了某些代碼的執行
     1. 事件:某些操作.如單擊,雙擊,滑鼠移動,鍵盤按下
     2. 事件源:組件,如按鈕,文本輸入框
     3. 監聽器:代碼
     4. 註冊監聽:將事件,事件源,監聽器結合在一起,當事件源發生了某個事件,則觸發執行某個監聽器代碼
  2. 常見事件:
     1. 點擊事件:
        1. onclick當用戶點擊某個對象時調用的事件句柄。
        2. ondblclick當用戶雙擊某個對象時調用的事件句柄。
     2. 焦點事件:表單校驗
        1. onfocus元素獲得焦點
        2. onblur元素失去焦點。
     3. 載入事件,window body
        1. onload一張頁面或一幅圖像完成載入
     4. 滑鼠事件(定義方法時,定義一個形參,接受event對象,event對象的button屬性可以獲取滑鼠按鈕的鍵值)
        1. onmousedown滑鼠按鈕被按下
        2. onmousemove滑鼠被移動。
        3. onmouseout滑鼠從某元素移開。
        4. onmouseover滑鼠移到某元素之上。
        5. onmouseup滑鼠按鍵被鬆開。
     5. 鍵盤事件(定義方法時,定義一個形參,接受event對象,event對象的button屬性可以獲取滑鼠按鈕的鍵值)
        1. onkeydown某個鍵盤按鍵被按下。
        2. onkeypress某個鍵盤按鍵被按下並鬆開。
        3. onkeyup某個鍵盤按鍵被鬆開。
     6. 選擇和改變:
        1. onselect文本被選中。
        2. onchange域的內容被改變。
           1. 表單事件
        3. onsubmit確認按鈕被點擊。
           1. 表單校驗:判斷表單是否提交
           2. return false;
        4. onreset重置按鈕被點擊。