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