一、做用javascript
1)實現客戶端表單驗證html
2)實現頁面交互特效java
二、概述函數
三、JavaScript組成ui
四、ECMAScriptthis
五、DOMspa
六、BOMcode
window、location、history、documentxml
七、基本結構htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>helloworld</title> <script type="text/javascript"> document.write("hello world"); </script> </head> <body> </body> </html>
八、執行原理
九、基礎語法
數據類型:
運算符:
邏輯控制語句:
事例:
// JavaScript Document var today = new Date(); var weekday = today.getDay(); document.write("今天星期:" + weekday); switch(weekday){ case 5: document.write("finally day!"); break; case 6: document.write("super day!"); break; case 0: document.write("sleep day!"); break; default: document.write("I'm looking forward to this weekend!"); break; }
九、函數
系統函數、自定義函數
事例:
// JavaScript Document var number1 = prompt("請輸入第一個數字:"); var op = prompt("請輸入運算符:"); var number2 = prompt("請輸入第二個數字:"); if (isNaN(number1) || isNaN(number2)) { document.write("輸入有誤,有個數不是數字。"); } else { if (op != "+" && op != "-" && op != "*" && op != "/") { document.write("輸入有誤,運算符錯誤。"); } else { document.write("運算結果:" + eval(number1 + op + number2)); } }
自定義函數:
事例:
// JavaScript Document function showHello(count) { for (var i = 0 ; i < count ; i++) { document.write("<h2>hello world</h2>"); } } var num = prompt("請輸入輸出次數:"); showHello(num); function getValue (num1, num2) { var num; //num = parseFloat(num1) + parseFloat(num2); num = eval(num1 + "+" + num2); return num; } var n1 = prompt("請輸入第一個數字:"); var n2 = prompt("請輸入第二個數字:"); document.write("調用結果:" + getValue(n1, n2));
匿名函數: