0%

JavaScript

JavaScript脚本入门

1.JavaScript引入

  1. 内嵌式: 在HTML文档中,以

2.变量声明

命名规范:

  • 必须以字母/下划线开头,中间可以是数字、字符或下划线
  • 变量名不能包含空格等符号
  • 不能使用JavaScript关键字作为变量名,如:function
  • JavaScript严格区分大小写

变量声明

var 变量名

变量赋值

var 变量名 = 值

3.数据类型

  • Undefined类型只有一个值,即undefined(默认值)
  • Null,只有一个专用值null,表示空
  • (undefined==null):true,但含义不同
  • Boolean:true或false
  • Number:表示数字
  • String:字符串有"'声明
  • Object:变量可以是一个引用类型或null

4.案例

4.1 注册表单验证

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script>
function checkForm(){
//alert("aa");
/**校验用户名*/
//1.获取用户输入的数据
var uValue = document.getElementById("user").value;
//alert(uValue);
if(uValue==""){
//2.给出错误提示信息
alert("用户名不能为空!");
return false;
}

/*校验密码*/
var pValue = document.getElementById("password").value;
if(pValue==""){
alert("密码不能为空!");
return false;
}

/**校验确认密码*/
var rpValue = document.getElementById("repassword").value;
if(rpValue!=pValue){
alert("两次密码输入不一致!");
return false;
}

/*校验邮箱*/
var eValue = document.getElementById("eamil").value;
if(!^/([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
alert("邮箱格式不正确!");
return false;
}

}
</script>

<form action="#" method="get" name="regForm" onsubmit="return checkForm()">
...
</form>