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 相关文章推荐
CSS常用网站布局实例
Apr 03 Javascript
javascript打开新窗口同时关闭旧窗口
Jan 16 Javascript
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
javascript延时加载之defer测试
Dec 28 Javascript
js获得鼠标的坐标值的方法
Mar 13 Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
Element Dialog对话框的使用示例
Jul 26 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 smarty 二级分类代码和模版循环例子
2011/06/16 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
js静态方法与实例方法分析
2011/07/04 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
JavaScript设计模式之单体模式全面解析
2016/09/09 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
python根据京东商品url获取产品价格
2015/08/09 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
python读取xml文件方法解析
2020/08/04 Python
个人收入证明范本
2014/01/12 职场文书
加拿大探亲邀请信
2014/01/28 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
上下班时间调整通知
2015/04/23 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
PHP中国际化的字符串排序和比较对象详解
2021/08/23 PHP
Java基础——Map集合
2022/04/01 Java/Android