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 相关文章推荐
模拟select的代码
Oct 19 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 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
php定义数组和使用示例(php数组的定义方法)
2014/03/29 PHP
PHP调用其他文件中的类
2018/04/02 PHP
javascript tips提示框组件实现代码
2010/11/19 Javascript
javascript中动态加载js文件多种解决办法总结
2013/11/15 Javascript
JavaScript判断用户是否对表单进行了修改的方法
2015/03/18 Javascript
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
2018/06/28 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
详解Python的Django框架中的Cookie相关处理
2015/07/22 Python
django中静态文件配置static的方法
2018/05/20 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
Python版中国省市经纬度
2020/02/11 Python
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
违纪检讨书2000字
2014/02/08 职场文书
信访稳定工作汇报
2014/10/27 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
小学生差生评语
2014/12/29 职场文书
委托书格式要求
2015/01/28 职场文书
力克胡哲观后感
2015/06/10 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
MySQL为id选择合适的数据类型
2021/06/07 MySQL
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python
apache ftpserver搭建ftp服务器
2022/05/20 Servers