JavaScript的switch，for，while语句，函数，事件总结

JavaScript的switch语句(重点)

1.switch是条件选择语句
2.格式:
switch(变量名){
case 值1:
	语句块1;
	break;
case 值2:
	语句块2;
	break;
....
default:
	语句块n;
}
注意:break不要忘,如果没有braek,那么会直接往下执行

JavaScript的for语句(重点)

1.for循环格式:
for(初始值;条件判断;变量的运算){
    代码块;
}

案例:求1-100之间单数之和

JavaScript的while语句(重点)

1.while语句的格式:
while(判断条件){//这种情况,有可能一次都不执行语句块;
    语句块;
}

2.do while语句的格式:
do{//至少执行一次语句块
    语句块;
}while(判断条件);

总结

if三种方式
switch
for
while
do while

函数概述

1.什么函数:把一段代码进行封装
2.有什么用:封装的代码是为了实现某些功能,所有的函数是为了解决或实现某些功能
3.函数也会叫接口,也会叫方法

函数的使用(重点)

1.函数的定义
	1.格式:
	function 函数名(参数1,参数2,...){
        函数体;
        return 返回值
	}
	说明:参数是可以写可以不写,return 返回值,也是可以写可以不写
	分类:
	根据有无参数分为,有参函数和无参函数
	有参:
	function 函数名(参数1,参数2){
        函数体;(一段代码)
	}
	无参:
	function 函数名(){
        函数体;
	}
	根据有无返回值,分为有返回和无返回
	有返回
	function 函数名(){
        函数体;
        return 返回值(变量名,表达式,数值)
	}
	无返回:
	function 函数名(){
        函数体;   
	}
	注意:定义函数时,函数名后面的参数也叫形参,也是局部变量
2函数的使用
	1.如果不调用函数,那么函数里的函数体是不会执行
	2.调用函数:函数名(),函数名(实参)--实参可能是变量,也有可能是常数
	3.如果函数有返回值,通常会用一个变量来接这个返回值,var a=函数名();
	
案例:实现一个函数,可以打印2个参数之和
function 函数名(参1,参2){
    函数体;
    return 计算结果;
}
var s=函数名(实参1,实参2);//形参是多少个,实参就要传多少个
案例:实现一个函数,可以打印一句话,"我是无参函数"
案例:实现一个函数,可以计算乘法,并返回结果

匿名函数(重点)

1.什么叫匿名函数:没有名字的函数
2.作用:
	1.可以作为其他函数的参数
	2.定义匿名函数可以完成一次性的事件
	3.匿名函数可以完成DOM中的事件
3.格式:
var 变量名=function(形参1,形参2){
    函数体;
    return 返回值;
}
说明:形参和返回值可写可不写
4.调用:
	可以通过变量名来调用,如:变量名()
5.高级使用:
	1.把匿名函数做为另一个函数的参数
格式:
function 函数名(形参){
    函数体;
}

函数名(匿名函数)

//内部做了,形参=匿名函数
	

匿名函数的使用(重点)

1.使用匿名函数
	1.用变量来接匿名函数,然后通过变量来调用匿名函数
	2.用变量来接匿名函数,然后把变量传递到另一个函数中
	3.直接把匿名函数做为另一个函数的实参
	
案例:定义一个匿名函数,该函数有减法功能,然后调用
案例:定义一个匿名函数,该函数有乘法功能,做为实参传递到另一个函数中

全局函数(重点)

全局函数不属于任何一个对象,直接使用
1.eval(字符串):识别js代码,并执行js代码
2.document.write(数据);把数据直接写到页面上

案例:执行下面的字符串
var ss="var a=10;if(a==10){document.write(a);}else{document.write(a);}"
3.encodeURI 编码
4.decodeURI 解密
说明:不会对字母和数字进行编码
5.isNaN(要检测的数据):检测是否是数字,如果是返回false,否则返回true
6.parseInt(数据):类型转换为整型 "12345"

表单中调用js的函数(重点)

1.表单通过什么来调用js的函数
事件
onClick=函数名()
2.js函数中怎么获取用户的输入
用表单名.控件名.value
案例:判断表单中用户输入的是否是数字,如果是,弹出ok,如果不是弹出'不是数字'

事件概述

1.什么是事件:指的是在页面中所做的事情的描述
比如:页面加载,按键点击,窗口大小改变

2.常用的事件
onabort: 对象载入被中断时触发 
onblur: 元素或窗口本身失去焦点时触发 
onchange: 改变<select>元素中的选项或其他表单元素失去焦点，并且在其获取焦 点后内容发生过改变时触发 onerror: 出现错误时触发 
onfocus: 任何元素或窗口本身获得焦点时触发 
onkeydown: 键盘键（包括Shift、Alt等）被按下时触发 
onkeypress: 键盘键被按下，并产生一个字符时触发。也就是说按下Shift或Alt等键 不会触发
onkeyup: 释放键盘上的按键时触发 
onload: 页面完全载入后触发 
onunload: 页面完全卸载后触发
onclick: 单击鼠标左键时触发。当光标的焦点在按钮上，并按Enter键时也会触发 
ondblclick: 双击鼠标左键时触发 
onmousedown: 单击任何一个鼠标按键时触发 
onmousemove: 鼠标在某个元素上移动时持续触发 
onmouseout: 鼠标从指定的元素上移开时触发 
onmouseover: 鼠标移到某个元素时触发 
onmouseup: 释放任意一个鼠标按键时触发 
onreset: 单击重置按钮时，在<form>上触发 
onresize: 窗口或框架的大小发生改变时触发 
onscroll: 在任何带滚动条的元素或窗口上滚动时触发 
onselect: 选中文本时触发 
onsubmit: 单击提交按钮时，在<form>上触发

事件处理(重点)

1.事件处理:指的是触发某个事件,那么要去处理这个事情,通过函数来处理事件
事件处理方式:
	1.把事件当作某个标签的属性来看待
	2.方式二:
		1.先给控件元素一个id属性,然后给id赋值 (id就像控件的身份证号)
		2.可以在JS已经声明好的函数通过id来定位该控件元素
			var 变量名=document.getElementById(id值);
		3.通过匿名函数来处理事件
			变量名.事件=function(){
                函数体;
			}
		注意:使用方式二,那么js代码要写在body里

案例:页面上有两个按键,点击一个按键,弹出'我被点击了',双击另一个按键,弹出'我被双击了'
案例:当页面失去焦点时,弹出我失去了焦点,很焦虑




案例:通过方式二来实现点击页面上的按键,弹出'我被点击了'
案例:通过方式二来当页面失去焦点时,弹出我失去了焦点,很焦虑