JS有参函数的创建和调用
2015-09-21 15:16
639 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .textBaroder { border-width:1px; border-style:solid; } </style> <script language="javascript"> function compute(op){ var num1,num2; num1 = parseFloat(document.myForm.txtNum1.value); num2 = parseFloat(document.myForm.txtNum2.value); if(op=="+") document.myForm.txtResult.value = num1+num2; if(op=="-") document.myForm.txtResult.value = num1-num2; if(op=="*") document.myForm.txtResult.value = num1*num2; if(op=="/") document.myForm.txtResult.value = num1/num2; } </script> </head> <body> <form action="" method="post" name="myForm" id="myForm"> <table border="0" bgcolor="#c9e495" align="center"> <tr> <td colspan="4"><h3>购物简易计算器</h3></td> </tr> <tr> <td>第一个数</td> <td colspan="3"><input name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25"></td> </tr> <tr> <td>第二个数</td> <td colspan="3"><input name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25"></td> </tr> <tr> <td><input name="addButton" type="button" id="addButton" value=" + " onclick="compute('+')"></td> <td><input name="subButton" type="button" id="subButton" value=" - " onclick="compute('-')"></td> <td><input name="mulButton" type="button" id="nulButton" value=" * " onclick="compute('*')"></td> <td><input name="divButton" type="button" id="divButton" value=" / " onclick="compute('/')"></td> </tr> <tr> <td>计算结果</td> <td colspan="3"><input name="txtResult" type="text" class="textBaroder" id="txtResult" size="25"></td> </tr> </table> </form> </body> </html>
相关文章推荐
- knockoutJS学习笔记03:knockout简介
- JavaScript之Date
- js中splice的用法
- JavaScript实现网页加载进度条代码超简单
- JS显示循环输出的文字
- JS演示循环语句的用法
- JS 基本语法应用
- javascript BOM 浏览器对象模型
- 正则表达式
- JS的dom相关操作
- javascript中cookie的使用与解析
- Javascript验证方法大全
- xml 和json 数据格式及解析
- (转)如何将ecshop首页主广告位的flash轮播替换为js轮播
- js中splice()方法
- jsoncpp 编译注意事项
- JSTL EL表达式语言简介
- 前台jsp获取后台查询的结果集数据并实现分页显示
- DataTable转为JSON数据格式代码
- 开发日记(2015.9.21):Js中clearInterval、window.onload失效 及 Js添加animation的浏览器兼容