一、JavaScript函数
普通函数的定义:
function 方法名(参数...){
//执行代码
return 返回值;//有返回值就写,没有返回值此句可以省略
}
匿名函数:
var 变量名 = function(){
//执行代码
}
全局变量和局部变量:
函数内部声明的变量是局部变量,所以只能在函数内部访问它。
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
闭包:
定义:能够读取其他函数内部局部变量的函数。简单理解就是定义在函数内部的函数;
<script type="text/javascript">
function A(){
var num=10;
function B(){
num++;
document.write(num);
}
return B;
}
var C = A(); //C是一个函数 闭包
C(); //调用函数
</script>
系统函数:
弹框函数:
提示框:
alert("内容");
确认框:
confirm("内容");
输入框:
prompt("内容");
其它系统函数:
parseInt(); 字符串转换整数
parseFloat(); 字符串转成小数
isNaN(); 判断数字是不是不是一个数字。
事件:
事件 | 描述 |
---|---|
onchange | HTML 元素内容改变(离开光标触发) |
onclick | 用户点击 HTML 元素 |
onmouseover | 光标移动到HTML元素 |
onmouseout | 光标离开HTML元素 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已完成页面的加载 |
鼠标经过方块就变色案例:
<div id="div1" style="width: 100px;height: 100px;background-color: deepskyblue;" onmouseout="out(this)" onmouseover="over(this)">
</div>
<script type="text/javascript">
function out(obj){
obj.style.backgroundColor="deepskyblue";
}
function over(obj){
obj.style.backgroundColor="red";
}
</script>