美男子的JavaScript笔记，望能助君留住秀发

Js变量定义:

Js数据类型有：String、number、boolean、object、undefined、null

Js数组：

语法定义：

//声明的同时给数组赋值
var arr = new Array('a','b');


document.write("=====================")


//长度可以设置也可无
var arr = new Array(5);
//数组中值的类型可以是各种类型！
arr[0]='a';
arr[1]=false;
arr[3]=1;

数组函数：

length： 设置或返回数组中的元素的数目
join（param）： 把数组的所有元素放入一个字符串，通过分割符进行分割，默认以逗号分割，可以指定参数设置拼接符

//示例
var arr = new Array('a','b');
arr.join('-');//返回a-b

**sort：**可对字母生序排序，数字根据第一个数字升序排序
**push()：**向数组末尾添加一个或更多元素，并返回新的长度
**pop()：**删除并返回数组的最后一个元素
**concat：**连接并返回多个数组
**reverse()：**颠倒数组中元素的顺序
toString： 把数组转换为字符串，并返回结果

Js运算符：

算数运算符：+ - * / % ++ –
赋值运算符：= += -=
比较运算符： >、 <、 >=、 <=、 = =（比对值）、 ！=（不等）、 === (比较数据类型)、 ！= =
逻辑运算符： &&（并且） ||（或者） ！（否）

Js逻辑控制语句：

1.if判断

if(条件){
}else if(条件){
}else{
}

2.switch分支

//switch分支表达式可以为number类型，也可以为String类型和char字符类型
swith（表达式）{
case 1 ：
				//js语句
				break；
。。。
default：
			//js语句
}

3.for循环

for(var i = 0; i<10;i++){
		console.info(i);
}

4.while循环

当表达式条件为true时会一直循环，直到表达式为false为止 才终止循环

var num =10；
while （num>1）{
			num--；
			console.info(num);
}

5.for in循环

for in循环可以将数组下标值循环赋给变量

var  arr  = new Array('a','b','c');

for(var i in arr){
		console.info(arr[i]);
}

**break：**跳出整个循环，继续执行js后续代码
**continue：**跳出当前本次循环，继续下一次循环

Js注释

//单行注释
/*
多行注释
*/

Js常用的输出/输入

//在浏览器弹出提示框
alert（'请重新输入数据'）;
//第一个参数是标题，第二个参数是提示框正文，正文是在文本输入框里面
prompt（'提示','请重新输入数据'）;

Js调试

**F12:**快速打开浏览器控制台

调试快捷键：
**F10：**单步运行调试
**F11：**调试进入到调用的方法里面
**F8：**完成调试，执行所有代码

**console.info：**将获取的数据可以直接输出到控制台，用来方便调试；
**alert：**将获取的数据已弹出框的形式显示在洁面，方便调试；

计算加减乘除

<script type="text/javascript">
//简单计算器
function computer(){
//获取第一个数字
var num1 = parseInt(document.getElementById("num1").value);
//获取第二个数字
var num2 = parseInt（document.getElementById("num2").value）;
//获取运算符
var comp = document.getElementById("comp").value;
//定义变量接收计算最后的值
var result = 0；

alert('num1:'+num1)；
alert('comp:'+comp);
alert('num2:'+num2);

//根据运算符进行不同运算

switch(comp){
		case'+':
			result = num1+num2;
		break;
		case'-':
			result = num1-num2;
		break;
		case'*':
			result = num1*num2;
		break;
		case'/':
			result = num1/num2;
		break;
		default:
			alert('运算符输入错误，请重新输入！');
			document.getElementById("comp").value="";
} 
			document.getElementById("result").value = result;
}
</script>

Js函数

自定义函数

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
使用更简单：不用定义属于某个类，直接使用
函数分类：系统函数和自定义函数
Js函数可以定义在Js文件当中，当界面需要用到这个函数，可以通过引入外部Js来使用这个Js里面的函数
可以定义有参函数或无参函数
定义函数可以return返回值

function  函数名(参数1，参数2...){
					//Js语句
					[return 返回值]
}

系统函数

parselnt（“字符串”）将字符串转换为整形数字
parseFloat（“字符串”）将字符串转换为浮点型数字
isNaN() 用于检查其参数是否是非数字

Js常用事件

onload： 一个页面或一幅图像完成加载
onlick： 鼠标单击某个对象
onmouseover： 鼠标直到某元素上
onkeydown： 某个键盘按键被按下
onchange： 域的内容被改变
onmouseout： 用户从一个HTML元素上移开鼠标
onblur： 光标移出该元素时触发