JavaScript基础函数，事件

以前学习的js都忘得差不多了，今天来简单总结下：

js语言是脚本语言，他和java很相似，但是又有所区别：

一.js的四种函数形式

1.带参数的函数
function getArea(a,b){
var area = a * b;
document.write("面积为："+area);
}
2.不带参数的函数
function getTimes(){
var date = new Date();
document.write("当前时间："+date);
}
3.带参数的有返回值的函数
function getArea2(a,b){
var area = a * b;
return area;
}
4.不带参数的有返回值的函数
function getTimes2(){
var date = new Date();
return date;
}
             //1.
 //getArea(3,4);
 //2.
 //getTimes();
 //3.
 //document.write("当前面积为"+getArea2(4,4));
 //4.
 //document.write("当前的是时间："+getTimes2());

二.匿名函数

var area = function (width,height){
var area = width * height;
document.write("面积为："+area);
}
//匿名函数的调用
area(3,5);

三.局部变量与全局变量

            var a = 10;
function getNum(){
alert(a);
var a = 20;
alert(a);
}
getNum();
结果：//此时的a被局部变量被var重新定义了则此时是undefined 和 20 定义默认在第一行
其相当于：
            var a = 10;
function getNum(){
                var a;
alert(a);
a = 20;
alert(a);
}

//区别上一种    
        var a = 10;
function getNum(){
alert(a);//此时的a是全局变量为10
    a = 20;
alert(a);//此时的a是全局变量为20
}

四：系统函数(部分)

1.parseInt与parseFloat

 alert(parseInt("123.456"));  //123

 alert(parseInt("a123.456"));  //NaN

 alert(parseInt("12a3.456"));//12 

//结论：强转类型时字母开头为nan，若字母在中间，则截去后面的

 alert(parseFloat("123.456"));  //123.456

  alert(parseFloat("a123.456"));  //NaN

 alert(parseFloat("12a3.456"));  //12     123.4a56->123.4

 alert(parseFloat(".18"));//0.18

2.isNaN  不是数字

alert(isNaN("123"));//是数字 ，则返回false

alert(isNaN("123a"));//不是数字。则返回true  

3.date函数(时间函数)

五.js的事件

1.onclick  点击事件

2.onload 页面一加载就执行该事件

3.onunload 页面刷新或关闭执行该事件

4.onmouseover 鼠标放上去执行事件

5.onmouseout 鼠标离开执行事件

6.onblur 失去焦点执行事件

7.onfocus 获取焦点执行事件

8.onchange 状态改变执行事件 多用于下拉框

9.onsubmit 表单提交执行事件如：（返回turn或者false ）

<form action="abc.html" method="get" onsubmit="return checkName()">

10.键盘事件

//键盘事件 首先需要获得键盘的对应的码 
function colsewindow(){
var code = event.keyCode;
alert(code);
if(code == 27){
window.close();//按ESC键关闭窗口
}
}

<p>键盘事件</p>
<form action="" method="get">
<input type="text" id="username" name="username"  onkeydown="colsewindow()"/>
<input type="submit" id="queding" value="确定" />
</form>