一、做用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));
匿名函数: