1. JavaScript自定义函数
语法:
function 函数名(参数列表){
方法体;
}
在函数被调用时,一个 arguments 对象就会被创建,它只能使用在函数体中,以数组的形式来管理函数的实际参数
return:函数的返回值能够将一个函数内部产生的结果返回给外部语句使用。
return 的两种使用情况:
1.用于结束程序,return后面没有任何返回值;
return;
2.用于返回值,return后面需要给定返回的值;
return area;
匿名函数(拉姆达函数):
方式一:
(函数体)(传递参数);
(function(参数列表){
//方法体
var area=width*height;
})(4,5);
方式二:
变量=(函数体);
var area=(function(参数列表){
//方法体
var area=width*height;
});
//调用函数
area(4,5);
变量的作用域主要分为全局变量和局部变量两种
全局变量是在函数体外部声明的,可以在任何地方,包括函数的内部使用;
局部变量是在函数体内声明的,只能在函数体内使用。局部变量随着函数的结束而消失。
JavaScript系统函数:
1. parseInt()函数:"4t" "4f32" ""
概念:parseInt函数将字符串转换为整数。它从字符串的开头开始解析,在第一个非整数位置停止解析并返回前面读到的所有整数。如果字符串不是以整数开头,将返回NaN(Not a Number:非数字值)
2. parseFloat()函数:
概念:parseFloat()函数和parseInt()函数类似,只不过它是返回一个浮点数
.7=0.7
-.4=-0.4
3. isNaN()函数:
概念:isNaN() 函数用于判断参数是否是NaN(不是数字)。如果是 NaN, 那么 isNaN 函数返回 true ,否则返回 false
1).是否是NaN a3? true ""? false
2).是不是数字 3a? true 33? false
4. eval函数:
概念:eval() 函数运行是以字符串形式表示的 JavaScript 代码串,并返回执行代码串后的结果
代码示例:
请输入表达式:
<input type="text" id="testEval" /><button onclick="getEval();">计算</button><script type="text/javascript">//eval() 函数运行是以字符串形式表示的 //JavaScript 代码串,并返回执行代码串后的结果function getEval(){//1.获取输入框中的值var value=document.getElementById("testEval").value;alert("计算结果是:"+eval(value));}</script>
事件:
概念:用户使用鼠标或键盘在浏览器窗口或页面元素上执行的操作。
☆事件源:要操作的对象就是事件源
<input type="button" onclick="login();" value="登录" /><script type="text/javascript">/** ☆登录函数:事件处理程序* ☆onclick="login();":事件的驱动(绑定)*/function login(){//拿到输入框的对象var name=document.getElementById("username").value;alert("登录的账号是:"+name);}</script>
常见事件:
1.onclick 事件:鼠标单击页面元素时触发的事件
2.onmouseover 事件和 onmouseout
事件:鼠标移入、移出页面元素时触发的事件
3.onmousemove 事件:鼠标指针移动时发生的事件
4.onload 事件:页面加载完成后立即发生
5.onblur 事件:光标或者焦点离开元素后触发的事件
6.onchange事件:输入框的值发生了变化或者改变下拉列表框的选项时会触发的事件
7.onsubmit表单提交事件:阻止提交数据到指定的页面,就需要编写一个事件处理程序来改变浏览器对form标签的 onsubmit 事件的默认处理方式