• Javascript 基础--JS函数(三)


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

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


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

    1 var myvar=函数名;
    2 myvar(实际参数);
    3 var myvar = test('abc');
    4 //如果test函数没有返回值,但是你又接受了,则返回的就是undefined;
    5 //如果有返回值,是什么就是什么
    6 window.alert(myvar);
     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 }


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

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

     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>


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

     

    1 //escape和unescape 往往配合使用,可以防止乱码的出现。
    2 <script language="javascript" type="text/javascript"> 
    3     var str1="测试";
    4     var str2=escape(str1);
    5     window.alert(str2);
    6     
    7     var str3=unescape(str2);
    8     window.alert(str3);
    9 </script>
    1 <script language="javascript" type="text/javascript"> 
    2      window.moveTo(200,200);//控制窗口到屏幕正中间
    3      window.resizeTo(300,400);
    4 </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>

    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>
  • 相关阅读:
    C++中static_cast和dynamic_cast强制类型转换
    Oozie-
    Spring Boot- 用idea新建spring boot web项目
    Spring Boot- 设置拦截打印日志
    Storm- 使用Storm实现词频汇总
    Storm- 使用Storm实现累积求和的操作
    HTTP- 头部信息
    Python- 文件读写
    JQuery- JQuery学习
    Javascript- Javascript学习
  • 原文地址:https://www.cnblogs.com/luyuwei/p/3650465.html
Copyright © 2020-2023  润新知