一、JavaScript语法
1 ECMAScript
(1)引入
外部<script src="abc.js"/>
内部<script>
--------代码
</script>
(2)数据类型
Number,String,Boolean,Null,Undefined
(3)变量
var 变量名
(4)运算符
算术运算符+-*/%
逻辑运算符><!=
条件运算符a?b:c
赋值运算符+= -=
(5)注释
单行 //
多行 /*
---
*/
(6)语句结束符 ;
(7)流程控制
顺序
条件 if else
switch
循环 for(var i=0;i<5;i++)
for( in )
while
do ( ) while
break/continue
(8)对象 对象名.属性或方法名
Number
Array.join pop push sort splice
Boolean
Date
String .length .substr(n,m)
Math
RegExp 正则表达式
(9)函数
function 函数名(参数){
函数体
return
}
2 文档对象模型Document Object Model,DOM
常用对象Document,Body,Form
常用方法 getElementById getElementByTagName
3 浏览器对象模型Browser Object Model,BOM
常见对象Windwo Navigator Screen History Location
常用属性 Navigator.appName
Screen.height Screen.width
Location.hostname Location.port
二、JavaScript应用
<html>
<head>
<title>javascript</title>
<script type="text/JavaScript">
function test(){
if(document.myForm.username.value.length>30){
alert("姓名不能超过30个字符");
document.myForm.username.focus();
return false;
}
if((/^[0-9]+$/).test(document.myForm.phone.value)){
alert("phone ok");
}else{
return false;
}
if((/^\w+\@[A-Za-z0-9]+$/).search(document.myForm.email.value) !=-1)
alert("emai ok");
else
return false;
}
</script>
</head>
<body>
<form name="myForm" οnsubmit="return test();">
姓名:<input type="text" name="username"/><br>
电话号码:<input type="text" name="phone"/><br>
电子邮箱:<input type="text" name="email"/><br>
<input type="submit"/>
</form>
</body>
</html>