JavaScript

1、概念

一种直译式的脚本语言，是一种动态类型、弱类型、基于原型的语言

2、作用

实现页面动态效果表单的校验背景图片的更换操作节点信息

3、组成

ECMA+DOM+BOM

ECMAScript：JavaScript的核心 文档对象模型（DOM）：是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由点层级构成的文档。 浏览器对象模型（BOM）：对浏览器窗口进行访问和操作

4、特点

脚本语言基于对象事件驱动简单性安全性跨平台性

JS中的变量

测试代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Js变量</title>
	</head>
	
	<script>
	/*Js:弱类型语言  不需声明变量类型 */
		var a=-1;
		var b="2";
		var c="你好";
		var d=true;
		var e=new Date();
		var f=1.32
		
		alert(a);
	</script>
	<body>
	</body>
</html>

注： A、js中的变量的名称和java中标识符的命名保持一致。 B、js中变量名称是可重复的，但后者的名称会把前者的名称值覆盖。 C、js中末尾即使没有分号结束也是可以的，但是不推荐这样书写。

JS中的数据类型

number（数字类型的数据） string（字符串类型） boolean（布尔数据类型） object（对象类型） undefined(未定义) NaN(不是一个数字) not a number null(空对象)

测试代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>变量类型</title>
		
		<script>
			var a=1;//number
			var b=1.2;//number
			var c='您';//string
			var d="我们";//string
			var e=true;//boolean
			var f=new Date();//object
			alert(typeof f);
			
			var aa;//undefined
			var bb="123a";//string
			alert(Number(bb));//NaN
			var cc=null;
			var  dd="";
			alert(typeof cc);//null
			alert(typeof dd);//string
		</script>
	</head>
	<body>
	</body>
</html>

JS中的运算符

算数运算符

+  -  *  /  %   ++   --

逻辑运算符

&   |   !   &&   ||   ^   <   >　　　＜＝　　＞＝　　　！＝

连接符（+）

不同类型作为连接，比如string类型和number之间的“+”

运算符（+）

实现number类型数据的加法运算

等值符

==,等值符：先比较类型如果类型一致，在比较内容如果类型不一致，这时候会进行强制转换统一转number类型，然后再进行内容的比较

等同符

====，等同符：先比较类型如果类型一致，在比较内容如果类型不一致直接返回false；

测试代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>	
		<script>
			var a=10;
			var b=12.2;
			//alert(a+b);//22.2
			
			var c="123";
			//alert(a+c);//10123
			//alert(a+c+b);//+:相同类型作加号，不同类型作连接符，类似Java
			
		    var  f1=true;// 1
			var  f2="true";// NAN
			var  f3=1;//1
			var  f4="1";//1

			alert(f1==f2);//F
			alert(f1==f3);//T
			alert(f1==f4);//T
			alert(f2==f3);//F
			alert(f2==f4);//F
			alert(f3==f4);//T
			
			
			alert(f1===f2);//F
			alert(f1===f3);//F
			alert(f1===f4);//F
			alert(f2===f3);//F
			alert(f2===f4);//F
			alert(f3===f4);//F
			
		</script>
	</head>
	<body>
	</body>
</html>

JS中的控制语句

包括 if、if…else…、if… elseif …else…、for循环、while、do…while、switch语句使用方法同java

JavaScript初识

JavaScript

1、概念

2、作用

3、组成

4、特点

JS中的变量

JS中的数据类型

JS中的运算符

算数运算符

逻辑运算符

连接符（+）

运算符（+）

等值符

等同符

JS中的控制语句