第24讲 js案例讲解 js自定义函数

1、<script language="javascript" type="text/javascript">

为了兼容性，有些浏览器认language="javascript"，有些认type="text/javascript"，为了兼容各种浏览器，所以工具生成时2个属性都写。

1. <script language="javascript">  
2.  
3. <!--  
4.  
5. window.alert('ok')  
6.  
7. //-->  
8.  
9. </script>  
10.  

有些浏览器需要把代码包在<!-- //-->中

u js函数

① 为什么需要函数

② 函数的基本概念

为完成某一功能的代码（语句，指令）的集合

③ 基本语法

function 函数名(参数列表){

//代码

return 值//可以选择

}

④ 入门案例：

1. <script language="javascript">  
2.  
3. <!--  
4.  
5. //输入两个数，再输入一个运算符(+，-，*，/)，得到结果  
6.  
7. var num1=window.prompt('请输入第一个num');  
8.  
9. var num2=window.prompt('请输入第2个num');  
10.  
11. var operator=window.prompt('请输入运算符');  
12.  
13. num1=parseFloat(num1);  
14.  
15. num2=parseFloat(num2);  
16.  
17. //如何调用函数  
18.  
19. document.write("res="+jiSuan(num1,num2,operator));  
20.  
21. //-->  
22.  
23. function jiSuan(num1,num2,operator){//※参数名前不要带var  
24.  
25. var res=0;  
26.  
27. if(operator=="+"){  
28.  
29. res=num1+num2;  
30.  
31. }else if(operator=="-"){  
32.  
33. res=num1-num2;  
34.  
35. }else if(operator=="*"){  
36.  
37. res=num1*num2;  
38.  
39. }else{  
40.  
41. res=num1/num2;  
42.  
43. }  
44.  
45. return res;//返回（方法定义时不用定义返回值）  
46.  
47. }  
48.  
49. </script>  
50.  

1、把上面的函数，单独提出，写到js.

myfunction.js

1. //自定义函数  
2.  
3. //输入2个数，再输入一个运算符(+，-，*，/)，得到结果-&gt;函数  
4.  
5. function jiSuan(num1,num2,operator){//※参数名前不要带var  
6.  
7. var res=0;  
8.  
9. if(operator=="+"){  
10.  
11. res=num1+num2;  
12.  
13. }else if(operator=="-"){  
14.  
15. res=num1-num2;  
16.  
17. }else if(operator=="*"){  
18.  
19. res=num1*num2;  
20.  
21. }else{  
22.  
23. res=num1/num2;  
24.  
25. }  
26.  
27. return res;//返回（方法定义时不用定义返回值）  
28.  
29. }  
30.  

2、然后在需要的地方引入(动态引入)

1. <script language="javascript" src="myfunction.js"> </script>  

※不能写成<script language="javascript" src="myfunction.js"/>