js引出函数概念的案例

 

 1 <!DOCTYPE html>

 2 <html>

 3     <head>

 4         <meta charset="utf-8">

 5         <title></title>

 6         <script>

 7             /*输入两个数，再输入一个运算符，得到结果*/

 8             var num1 = window.prompt("请输入第一个数");

 9             num1=parseFloat(num1);

10             var num2 = window.prompt("请输入第二个数");

11             num2=parseFloat(num2);

12             var oper = window.prompt("请输入运算符");

13             var res = 0;

14             switch(oper)

15             {

16                 case "+":

17                     res = num1 + num2;

18                     document.write(num1+oper+num2+"="+res);

19                     break;

20                 case "-":

21                     res = num1 - num2;

22                     document.write(num1+oper+num2+"="+res);

23                     break;

24                 case "*":

25                     res = num1 * num2;

26                     document.write(num1+oper+num2+"="+res);

27                     break;

28                 case "/":

29                     res = num1 / num2;

30                     document.write(num1+oper+num2+"="+res);

31                     break;

32                 defult:document.write("输入错误");

33             }

34         </script>

35     </head>

36     <body>

37     </body>

38 </html>

 1 //jisuan.js

 2 function p(){

 3     /*输入两个数，再输入一个运算符，得到结果*/

 4     var num1 = window.prompt("请输入第一个数");

 5     num1=parseFloat(num1);

 6     var num2 = window.prompt("请输入第二个数");

 7     num2=parseFloat(num2);

 8     var oper = window.prompt("请输入运算符");

 9     var res = 0;

10     switch(oper)

11     {

12         case "+":

13             res = num1 + num2;

14             document.write(num1+oper+num2+"="+res);

15             break;

16         case "-":

17             res = num1 - num2;

18             document.write(num1+oper+num2+"="+res);

19             break;

20         case "*":

21             res = num1 * num2;

22             document.write(num1+oper+num2+"="+res);

23             break;

24         case "/":

25             res = num1 / num2;

26             document.write(num1+oper+num2+"="+res);

27             break;

28         defult:document.write("输入错误");

29     }

30

31

32 }
 1 <!--putong.html-->

 2

 3 <!DOCTYPE html>

 4 <html>

 5     <head>

 6         <meta charset="utf-8">

 7         <title>调用函数实现计算功能</title>

 8         <script src="jisuan.js" type="text/javascript"></script>

 9     </head>

10     <body>

11         <input type="button" value="点我开始计算" onclick="p()">

12     </body>

13 </html>

运行效果如下图所示：

js引出函数概念的案例的更多相关文章

  1. [概念] js的函数节流和throttle和debounce详解

    js的函数节流和throttle和debounce详解:同样是实现了一个功能,可能有的效率高,有的效率低,这种现象在高耗能的执行过程中区分就比较明显.本章节一个比较常用的提高性能的方式,通常叫做&qu ...

  2. Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针

    Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针   1.1. java方法引用(Method References) 与c#委托与脚本语言js ...

  3. JS匿名函数的理解

    js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的 ...

  4. JS回调函数(callback)

    在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({ url:"test.json", type: "GET" ...

  5. js的基本概念详解

    来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(三) 如果你刚学js,想快速了解到js的基本概念,以下将会是一篇不错的引导文章: 语法 ...

  6. JS的基本概念

    JS的基本概念 任何语言的核心都必然会描述这门语言最基本的工作原理.而描述的内容通常都要涉及这门语言的语法,操作符,数据类型,内置功能等用于构建复杂解决方案的概念.Ecma-262通过叫做EcmaSc ...

  7. js调用函数时传入的参数个数与函数定义时的参数个数不符时的操作

    在js中函数没有重载的概念,如果声明了多个重名的函数,不管函数的形参个数是否一样,只有最有一个有效,其他的函数声明都是无效的.比如说声明了两个函数fn(),第一次声明时没有形参,第二次声明时形参有两个 ...

  8. JavaScript--我发现，原来你是这样的JS（基础概念--躯壳，不妨从中文角度看js）

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第二篇(基础概念--躯壳篇),有着部分第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的, ...

  9. JavaScript--我发现，原来你是这样的JS（基础概念--灵魂篇，一起来学js吧）

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂 ...

随机推荐

  1. [转发]Dumps of system information with Apple computers

    In this article, I gathered up all the dumps, who found. If you see something new table will be upda ...

  2. 自然语言21_Wordnet

    QQ:231469242 欢迎喜欢nltk朋友交流   http://baike.baidu.com/link?url=YFVbJFMkZO9A5CAvtCoKbI609HxXXSFd8flFG_Lg ...

  3. 自定义JSP标签入门

    1.编写一个实现Tag接口的java类 package TagDemo; import javax.servlet.http.HttpServletRequest; import javax.serv ...

  4. 9月27日Bootstrap

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.Bootstrap ...

  5. shiro 更改登录的用户名

    ShiroUser user = (ShiroUser) SecurityUtils.getSubject().getPrincipal(); user.name = newName;

  6. 字体投影（test-shadow）与框架投影（box-shadow）

    字体投影:text-shadow: 1px 1px 1px #ccc; 框架投影:box-shadow: 10px 10px 25px #ccc;

  7. js无间隙滚动

    代码一: ; //设置文字滚动速度 dome2.innerHTML=dome1.innerHTML //复制dome1为dome2 function Marquee(){ ) //当滚动至dome1与 ...

  8. Redis总结（三）Redis 的主从复制

    接着上一篇,前面两篇我总结了<Redis总结(一)Redis安装>和<Redis总结(二)C#中如何使用redis> 所以这一篇,会讲讲Redis 的主从复制以及C#中如何调用 ...

  9. Android studio 的初始设置

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  10. SPL--spl_autoload_register

    spl_autoload_register() : 调用未定义类时,系统会按顺序调用注册到spl_autoload_register()函数的所有函数,而不是调用__autoload函数. 解决问题: ...