Javascript 基础--JS函数(三)

  一、基本概念:未完成某一个功能的代码(语句,指令)的集合。
  二、函数的调用方式:
    2.1、函数名(传递参数1,传递参数2)

       基本语法
      function 函数名(参数列表){
      //代码;
      return 值;
      }


    2.2、通过指向函数的变量去调用

Javascript 基础--JS函数(三)
1 var myvar=函数名;
2 myvar(实际参数);
3 var myvar = test(‘abc‘);
4 //如果test函数没有返回值,但是你又接受了,则返回的就是undefined;
5 //如果有返回值,是什么就是什么
6 window.alert(myvar);
Javascript 基础--JS函数(三)

 

 

Javascript 基础--JS函数(三)
 1 var num1 = window.prompt(‘请输入第一个num‘);
 2 var num2 = window.prompt(‘请输入第二个num‘);
 3 var operator = window.prompt(‘请输入运算符‘);
 4 num1 = parseFloat(num1);
 5 num2 = parseFloat(num2);
 6 
 7 //如何调用函数
 8 document.write("res=" + jiSuan(num1,num2,operator));
 9 
10 
11 输入两个数,在输入一个运算符(+,-,*,/),得到结果->函数
12 function jiSuan(num1,num2,operator){ //特别强调 参数名请不要 带var
13 var res=0;
14 if(operator=="+"){
15 res = num1 + num2;
16 }else if(operator==‘-‘){
17 res = num1 - num2;
18 }else if(operator==‘*‘){
19 res = num1 * num2;
20 }else{
21 res = num1/num2;
22 }
23 return res; //返回
24 }
Javascript 基础--JS函数(三)

 

 


  三、如果其他的html,php 要使用该函数该怎么办?

    把上面的函数单独提出,写的需要的地方,单独引入。

Javascript 基础--JS函数(三)
 1 <html>
 2 <head>
 3 <script language="javascript" src="myfuns.js"></script>
 4 <script language="javascript" type="text/javascript"> //属性language和type最好都要写 ,有的浏览器只识别其中之一。
 5 var num1 = window.prompt(请输入第一个num);
 6 var num2 = window.prompt(请输入第二个num);
 7 var operator = window.prompt(请输入运算符);
 8 num1 = parseFloat(num1);
 9 num2 = parseFloat(num2);
10 
11 //如何调用函数
12 document.write("res=" + jiSuan(num1,num2,operator)); 
13 </script>
14 </head>
15 <body></body>
16 </html>
Javascript 基础--JS函数(三)

 


myfuns.js

Javascript 基础--JS函数(三)
 1 输入两个数,在输入一个运算符(+,-,*,/),得到结果->函数
 2 function jiSuan(num1,num2,operator){ //特别强调 参数名请不要 带var
 3 var res=0;
 4 if(operator=="+"){
 5 res = num1 + num2;
 6 }else if(operator==‘-‘){
 7 res = num1 - num2;
 8 }else if(operator==‘*‘){
 9 res = num1 * num2;
10 }else{
11 res = num1/num2;
12 }
13 return res; //返回
14 }
Javascript 基础--JS函数(三)

 

1 //在需要的文件中引入
2 <script language="javascript" src="myfuns.js"></script>

 

Javascript 基础--JS函数(三)
1 <script language="javascript" type="text/javascript"> 
2 var str ="window.alert(‘ok‘)";
3 //需要把str当做一个脚本执行。
4 eval(str);
5 </script>
Javascript 基础--JS函数(三)

Javascript 基础--JS函数(三) 

 

Javascript 基础--JS函数(三)
1 //escape和unescape 往往配合使用,可以防止乱码的出现。
2 <script language="javascript" type="text/javascript"> 
3     var str1="测试";
4     var str2=escape(str1);
5     window.alert(str2);
6     
Javascript 基础--JS函数(三)
7     var str3=unescape(str2);
8     window.alert(str3);
Javascript 基础--JS函数(三)9 </script>
Javascript 基础--JS函数(三)

 

 

Javascript 基础--JS函数(三)
1 <script language="javascript" type="text/javascript"> 
2      window.moveTo(200,200);//控制窗口到屏幕正中间
3      window.resizeTo(300,400);
4 </script>
Javascript 基础--JS函数(三)

 

Javascript 基础--JS函数(三)

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

//第二个函数
function test(val){
window.alert("你输入的是" + val);
//return 90;
}
test(‘hello,world‘);
//var myvar = test(‘hello,world‘);
var myvar = test;
myvar(‘中国北京‘);
</script>

Javascript 基础--JS函数(三)

 

Javascript 基础--JS函数(三)
1 <script language="javascript" type="text/javascript">
2     function test(val){
3        window.alert("你输入的是" + val);
4        return 90;
5     }
6     var myvar = test(abc); //接收函数返回值
7     window.alert(myvar);   
8 </script>
Javascript 基础--JS函数(三)

 

Javascript 基础--JS函数(三),布布扣,bubuko.com

Javascript 基础--JS函数(三)

上一篇:spring,mybatis事务管理配置与@Transactional注解使用[转]


下一篇:学习javascript DOM的笔记