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脚本实现Web页面信息交互
Oct 11 Javascript
Javascript里使用Dom操作Xml
Jan 22 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
ES5 ES6中Array对象去除重复项的方法总结
Apr 27 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
javascript实现图片轮换动作方法
Aug 07 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 方便水印和缩略图的图形类
2009/05/21 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
理解javascript模块化
2016/03/28 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
python实现简单ftp客户端的方法
2015/06/28 Python
Python开发的HTTP库requests详解
2017/08/29 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
个人自荐书
2013/12/20 职场文书
《记承天寺夜游》教学反思
2014/02/16 职场文书
投标保密承诺书
2014/05/19 职场文书
教师群众路线心得体会
2014/11/04 职场文书