一、什么是JavaScript
JavaScript是一种基于对象和事件驱动并具有安全性能的解释型脚本语言,在Web应用中得到了广泛应用。他不需要编译,而是直接嵌入在HTTP页面中,把静态页面转变成支持用户交互并相应应用事件的动态页面。在Java Web程序中,经常应用JavaScript进行数据验证、控制浏览器以及生成时钟、日历个时间戳文档等。
二、JavaScript主要特点
1、解释性
JavaScript是一种脚本语言,采用小程序段的方式实现编程。和其他脚本语言一样,JavaScript也是一种解释性语言,它提供了一个简易的开发过程。
2、基于对象
JavaScript是一种基于对象的语言。它可以应用自己创建的对象,因此许多功能来自于脚本环境中对象的方法与脚本的相互作用。
3、事件驱动
JavaScript可以以事件驱动的方式直接对客户端的输入做出响应,无须经过服务器端程序。
4、安全性
JavaScript具有安全性。它不允许访问本地硬盘,不能将数据写入到服务器上,并且不允许对网络文档进行修改个删除,只能通过浏览器实现信息浏览或动态交互,从而有效防止数据的丢失。
5、跨平台
JavaScript依赖于浏览器本身,与操作系统无关,只要浏览器支持JavaScript,JavaScript的程序代码就可以正确执行。
三、JavaScript语法
1、JavaScript与Java在语法上有些相似,但也不尽相同。
2、JavaScript区分大小写。
3、每行结尾的分号可有可无。
4、变量是弱类型的,因此在定义变量时,只使用var运算符,就可以变量初始化为任意值。例如var username="zs"; var age=18;
5、使用大括号标记代码块。
6、注释,与Java一样,两种注释方式,单行注释“//” ,多行注释“/* */”。
四、函数
由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的。如
function functionName([parameter 1, parameter 2,......])
{
statements;
[return expression;]
}
1、functionName,必选项,指定函数名,同一页面中函数名必须是唯一的,并且区分大小写。
2、parameter,可选项,指定参数列表。一个函数最多可以有255个参数。
3、statement,必选项,函数体。
4、expression,可选项,返回函数值,为任意表达式、变量或常量。
五、举例
1、代码
<html>
<head>
<title> JavaScript </title>
<script language="javascript">
function check()
{
var uname1 = document.form1.uname.value;
var pass1 = document.form1.pass.value;
var email1 = document.form1.email.value;
var sex = "", inst = "", acad = "";
if(uname1 == "")
{
alert("请输入用户名!");
document.form1.uname.focus();
return false;
}
else if(pass1 == "")
{
alert("请输入密码!");
document.form1.pass.focus();
return false;
}
else if(email1 == "")
{
alert("请输入邮箱地址!");
document.form1.email.focus();
return false;
}
else if(!/^\w+@+\w+.com/.test(email1))
{
alert("邮箱地址格式不正确,请重新输入!");
document.form1.email.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form name = "form1" action = "printForm.jsp" method = "post" onSubmit="return check()">
用户名:<input name = "uname" type = "text" maxlength = "20"> <br>
密码:<input name = "pass" type = "password" maxlength = "20"> <br>
性别:<input name = "sex" type = "radio" value = "male" checked> 男
<input name = "sex" type = "radio" value = "female"> 女 <br>
邮箱地址:<input name = "email" type = "text" maxlength = "20"> <br>
<input name = "submit" type = "submit" value = "提交">
<input name = "reset" type = "reset" value = "重置">
</form>
</body>
</html>
2、运行结果
图一 初进网页的内容
图二 不输用户名提交后显示结果
图三 邮箱格式不正确提交后显示结果