javascript加减乘除的简单实例


Posted in Javascript onJuly 12, 2016

javascript加减乘除的简单实例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<script language="javascript" type="text/javascript">
//除法函数
function accDiv(arg1,arg2){
  var t1 = 0, t2 = 0, r1, r2, n;
  try
  {
    t1 = arg1.toString().split(".")[1].length;
  }
  catch(e)
  {t1 = 0;}
  try
  {
    t2 = arg2.toString().split(".")[1].length;
  }
  catch(e)
  {t2 = 0;}
  with(Math)
  {
    r1 = Number(arg1.toString().replace(".",""));
    r2 = Number(arg2.toString().replace(".",""));
    n = Math.max(t1,t2);
    return (r1/r2)*pow(10, t2-t1);
  }
}

//乘法函数
function accMul(arg1,arg2)
{
  var t1 = 0, t2 = 0, r1, r2;
  try
  {
    t1 = arg1.toString().split(".")[1].length;
  }
  catch(e)
  {t1 = 0;}
  try
  {
    t2 = arg2.toString().split(".")[1].length;
  }
  catch(e)
  {t2 = 0;}
  with(Math)
  {
    r1 = Number(arg1.toString().replace(".",""));
    r2 = Number(arg2.toString().replace(".",""));
    return (r1*r2)/pow(10, t2+t1);
  }
}

//加法函数
function accAdd(arg1,arg2){
  var t1 = 0, t2 = 0, m;
  try
  {
    t1 = arg1.toString().split(".")[1].length;
  }
  catch(e)
  {t1 = 0;}
  try
  {
    t2 = arg2.toString().split(".")[1].length;
  }
  catch(e)
  {t2 = 0;}
  with(Math)
  {
    m=Math.pow(10,Math.max(t1,t2));
    return (arg1 * m + arg2 * m) / m;
  }
}

//减法函数
function accSubtr(arg1,arg2){
  var t1 = 0, t2 = 0, m, n;
  try
  {
    t1 = arg1.toString().split(".")[1].length;
  }
  catch(e)
  {t1 = 0;}
  try
  {
    t2 = arg2.toString().split(".")[1].length;
  }
  catch(e)
  {t2 = 0;}
  with(Math)
  {
    //动态控制精度长度
    n = Math.max(t1,t2);
    m = Math.pow(10, n);
    //return (arg1 * m - arg2 * m) / m;
    return ((arg1 * m - arg2 * m) / m).toFixed(n);
  }
}


//给String类型增加一个div方法,调用起来更加方便。
String.prototype.div = function (arg){
  return accDiv(this, arg);
}

//给String类型增加一个mul方法,调用起来更加方便。
String.prototype.mul = function (arg){
  return accMul(arg,this);
}

//给String类型增加一个add方法,调用起来更加方便。
String.prototype.add = function (arg){
  return accAdd(arg,this);
}

//给String类型增加一个subtr方法,调用起来更加方便。
String.prototype.subtr = function (arg){
  return accSubtr(this, arg);
}


function cal()
{
  var arg1 = document.Form1.TextBox1.value;
  var arg2 = document.Form1.TextBox2.value;
  //document.Form1.TextBox5.value = accDiv(arg1, arg2);
  //document.Form1.TextBox6.value = accMul(arg1, arg2);
  //document.Form1.TextBox7.value = accAdd(arg1, arg2);
  //document.Form1.TextBox8.value = accSubtr(arg1, arg2);

  document.Form1.TextBox5.value = arg1.div(arg2);
  document.Form1.TextBox6.value = arg1.mul(arg2);
  document.Form1.TextBox7.value = arg1.add(arg2);
  document.Form1.TextBox8.value = arg1.subtr(arg2);
}
</script>

<body>
<form id="Form1" name="Form1" method="post" runat="server">
<div style="border:solid 1px #000000; width:600px;">
 <div style="float:left; width:30%;"><input id="TextBox1" type="text" value="0" name="TextBox1" /></div>
 <div style="float:left; width:30%;"><input id="TextBox2" value="0" type="text" name="TextBox2" /></div>
 <div style="float:left; width:30%;">
  <div>accDiv:<input id="TextBox5" type="text" name="TextBox5" /></div>
  <div>accMul:<input id="TextBox6" type="text" name="TextBox6" /></div>
  <div>accAdd:<input id="TextBox7" type="text" name="TextBox7" /></div>
  <div>accSubtr:<input id="TextBox8" type="text" name="TextBox8" /></div>
 </div>
 <div style="float:right; width:10%;"><input type="button" name="aa" value="cal" onclick="cal();" /></div>
</div>
</form>
</body>
</html>

以上这篇javascript加减乘除的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 无符号右移运算符
Apr 17 Javascript
JQUERY 浏览器判断实现函数
Aug 20 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
JS二维数组的定义说明
Mar 03 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
js 数组 fill() 填充方法
Nov 02 Javascript
浅谈javascript中的加减时间
Jul 12 #Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 #Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 #Javascript
Angular 路由route实例代码
Jul 12 #Javascript
javascript中获取class的简单实现
Jul 12 #Javascript
springMVC结合AjaxForm上传文件
Jul 12 #Javascript
require简单实现单页应用程序(SPA)
Jul 12 #Javascript
You might like
phpMyAdmin 安装及问题总结
2009/05/28 PHP
JS与PHP向函数传递可变参数的区别实例代码
2011/05/18 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
深入浅析php json 格式控制
2015/12/24 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
javascript 一些用法小结
2009/09/11 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
python实现批量监控网站
2016/09/09 Python
使用Python写一个小游戏
2018/04/02 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
使用pandas读取文件的实现
2019/07/31 Python
Django REST framwork的权限验证实例
2020/04/02 Python
Python self用法详解
2020/11/28 Python
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
注塑工厂厂长岗位职责
2013/12/02 职场文书
电子邮箱格式怎么写
2014/01/12 职场文书
医药销售求职信范文
2014/02/01 职场文书
中学生操行评语大全
2014/04/24 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL