JavaScript学习（一）

<!--【1】JS引入的方式一-->
<script type="text/javascript"
	  /*网页中的弹框*/
	  alert("js 的学习课程");	
</script>

<!--注意：引入js 的时候千万不要二合一-->
<script type="text/javascript" src="js/test.js" charset="UTF-8" ></script>

1、JS中变量的使用注意的事项

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

2、JS中的数据类型 alter(typeof 变量)

number（数字类型的数据）
string（字符串类型）
boolean（布尔数据类型）
object（对象类型）

3、JS中特殊数据类型

undefined(未定义)
NaN(不是一个数字)  not  a  number
null(空对象)

4、JS中的运算符

算数运算符
+  -  *  /  %   ++   --

逻辑运算符
&   |   !   &&   ||   ^   <   >　　　＜＝　　＞＝　　　！＝

连接符
＋

特殊运算符
		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

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

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

5、控制语句、

条件语句 
 if(){}
 if(){}else{}
 if(){}else if(){} else if()...else{}
分支语句（选择语句）
switch(){
	case value:  break;
	default: break;
}

循环语句

while(){}

至少执行一次循环体
do{}while()

for(){}

	for (var a=1; a<=9; a++) {
		for (var b=1; b<=a; b++) {
			document.write(a+"*"+b+"="+a*b+"&nbsp&nbsp&nbsp&nbsp");
		}
	document.write("<br />");
	}

6、 函数声明的三种形式

（1） function  函数名（）{
	   函数体
	}

function  demo1(){
			alert("函数声明一");
		}

 (2) var  函数名=function(){
 	   函数体
 }

 var  demo2= function(){
			alert("函数声明二");
		}

 (3)  var  函数名=new  Function("函数体")；

 var  demo3=new  Function("alert('我是函数声明三')");

函数参数传递

   在js中实参的个数和形参的个数可以不一致
/*************函数中参数传递************************/
		
		function  demo4(a,b){
			console.log(a+"...."+b);
		}
		
	/*	demo4(1,2);//1....2
		demo4(1);//1....undefined
		demo4(1,2,3);//1....2*/

函数的返回值
	如果函数没有return   这时候返回 undefined
    ():函数执行符

	   /**************函数的返回值**************************/
			function  demo5(a){
				console.log("参数值："+a());
				return a;
			}
			
//			alert(demo5(5));
			var  a=function(){
				console.log("我是函数a");
			};
			demo5(a);

7、数组

（一）数组的声明方式

function  demo1(){
				//方式一
				var   arr=new  Array();
				//方式二   5代表数组的长度
				var  arr2=new  Array(5);
				//console.log(arr2);
				//方式三
				var  arr3=new  Array("你好",123,new String(),true);
				console.log(arr3);
				//方式四
				var  arr4=["wsk666",123,new Date(),false];
			}

（二）数据的使用

function  demo2(){
				var arr=[];
				arr[0]="小李飞刀";
				arr[1]=true;
				arr[2]=new  Date();
				arr[6]=12;
				//js中数组的下标可以不连续  如果没有给值就是empty 
				console.log(arr);
			}
			/*******数组的扩容********************/
			  function  demo3(){
			    var  arr=["wsk666",123,new Date(),false];
			     console.log(arr.length);
			  	//扩大数组   empty
//			  	arr.length=10;
			  	//缩小数组
			  	arr.length=2;
			  	console.log(arr);

（三）数组遍历

/*******数组的遍历********************/
	function  demo4(){
		var  arr=["bjsxt",123,new Date(),false];
		//数组的遍历方式一
		for(var  i =0;i<arr.length;i++){
			console.log(arr[i]);
		}
		//数组遍历方式二  i :是代表数组的下标
		for(var  i in arr ){
			console.log(arr[i]);
		}
	}

（四）数组的常用方法

function  demo5(){
				
				var  arr=["bjsxt",123,new Date(),false];
				
				console.log(arr);
				//向数组的末尾添加一个或更多元素，并返回新的长度。
				// var  le= arr.push("我们");
				//删除并返回数组的最后一个元素
				// var le= arr.pop();
				//删除并返回数组的第一个元素
				//arr.shift();
				//	向数组的开头添加一个或更多元素，并返回新的长度。
				//arr.unshift("sxt");
				//  删除的含义   开始删除的下标   删除的个数
				//arr.splice(1,2);
				//添加的含义   添加的下标   0   添加的元素
				arr.splice(1,0,"你好");
				console.log(arr);
			}
			demo5();

8、常用事件

   		<!--单击事件-->
		<input type="button" name="" id="" value="单击操作" onclick="demo1();demo2()" /> <br /><br /><br />
		
		<!--双击事件-->
		
		<input type="button" name="" id="" value="双击事件" ondblclick="demo2()" /><br /><br /><br />
		
		<!--鼠标事件   onmouseover：鼠标放上事件   onmouseout:鼠标离开事件  onmousemove:鼠标移动事件 -->
		
		<div style="width: 300px; height: 300px; background-color: red;"  onmousemove="demo4()"></div><br /><br /><br />
		
		<!--键盘事件  onkeyup="demo5()" 键盘弹起-->
		
		<input type="text"  onkeydown="demo5()" /><br /><br /><br />
		
		
		<!--焦点事件  onfocus:获得焦点事件  onblur：失去焦点事件  -->
		
		<input type="text" name="" id="" value=""  onchange="demo6()" />