JavaScript脚本语言

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qsort_/article/details/77014723

一、什么是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、运行结果


图一 初进网页的内容



图二 不输用户名提交后显示结果



图三 邮箱格式不正确提交后显示结果


展开阅读全文

没有更多推荐了,返回首页