JavaScript快速入門

摘要： JavaScript: 概念 :一門客戶端指令碼語言 執行在客戶端瀏覽器中的,每一個瀏覽器都有一個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重置按鈕被點選。