Javascript 基础--JS函数(三)

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

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

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

 var myvar=函数名;
myvar(实际参数);
var myvar = test('abc');
//如果test函数没有返回值,但是你又接受了,则返回的就是undefined;
//如果有返回值,是什么就是什么
window.alert(myvar);
 var num1 = window.prompt('请输入第一个num');
var num2 = window.prompt('请输入第二个num');
var operator = window.prompt('请输入运算符');
num1 = parseFloat(num1);
num2 = parseFloat(num2); //如何调用函数
document.write("res=" + jiSuan(num1,num2,operator)); 输入两个数,在输入一个运算符(+,-,*,/),得到结果->函数
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; //返回
}

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

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

 <html>
<head>
<script language="javascript" src="myfuns.js"></script>
<script language="javascript" type="text/javascript"> //属性language和type最好都要写 ,有的浏览器只识别其中之一。
var num1 = window.prompt('请输入第一个num');
var num2 = window.prompt('请输入第二个num');
var operator = window.prompt('请输入运算符');
num1 = parseFloat(num1);
num2 = parseFloat(num2); //如何调用函数
document.write("res=" + jiSuan(num1,num2,operator));
</script>
</head>
<body></body>
</html>

myfuns.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; //返回
}
 //在需要的文件中引入
<script language="javascript" src="myfuns.js"></script>
 <script language="javascript" type="text/javascript">
var str ="window.alert('ok')";
//需要把str当做一个脚本执行。
eval(str);
</script>

Javascript 基础--JS函数(三)

 //escape和unescape 往往配合使用,可以防止乱码的出现。
<script language="javascript" type="text/javascript">
var str1="测试";
var str2=escape(str1);
window.alert(str2);

Javascript 基础--JS函数(三)

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

<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>

 <script language="javascript" type="text/javascript">
function test(val){
window.alert("你输入的是" + val);
return 90;
}
var myvar = test('abc'); //接收函数返回值
window.alert(myvar);
</script>
上一篇:CSS从大图片上截取小图标


下一篇:关于bootstrap-datetimepicker 插件的配置参数详解