学习目标:
1.充分理解函数的概念
2.能熟练的自定义函数
3.掌握js中常用的系统函数
一个简单的加减乘除案例(说明函数的必要性):
<html> <head> <script language="javascript"> <!-- //输入两个数,再输入一个运算符(+-*/),得到结果 var num1 = window.prompt("请输入第1个num"); var num2 = window.prompt("请输入第2个num"); var operator = window.prompt("请输入运算符"); num1=parseFloat (num1); num2=parseFloat (num2); var res = 0; if (operator=="+") { res =num1+num2; }else if (operator=="-") { res =num1-num2; }else if (operator=="*") { res =num1*num2; }else { res =num1/num2; } document.write("res="+res); //--> </script> </head> <body> </body> <html>
函数的概念
Js 函数
①为什么需要函数
比如在多个html文件中需要完成(+-*/等功能)
把代码写成函数,
②函数的基本概念
为完成某一功能的代码(语句,指令)的集合
③基本语法
function 函数名(参数列表){
//代码
return 值;//可选
}
④案例:将函数单独提出,写到js 文件然后在需要的地方引入
<script language="javascript" src ="路径" ></script>
js24-2.html代码:
<html> <head> </head> <body> <script language="javascript" src="js24-2.js"></script> <script language="javascript"> //输入两个数,再输入一个运算符(+-*/),得到结果 var num1 = window.prompt("请输入第1个num"); var num2 = window.prompt("请输入第2个num"); var operator = window.prompt("请输入运算符"); num1=parseFloat (num1); num2=parseFloat (num2); //调用函数 document.write("res"+ jiSuan(num1, num2, operator)); </script> </body> <html>
js24-2.js
//js文件 //自定义函数 //输入两个数,再输入一个运算符(+-*/),得到结果 function jiSuan(num1, num2, operator) {//特别强调,参数名不要带var var res = 0; if (operator=="+") { res =num1+num2; }else if (operator=="-") { res =num1-num2; }else if (operator=="*") { res =num1*num2; }else { res =num1/num2; } return res; }