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创建快捷方式的简单实例
Aug 09 Javascript
JavaScript暂停和继续定时器的实现方法
Jul 18 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
angularjs中ng-bind-html的用法总结
May 23 Javascript
详解如何在vue中使用sass
Jun 21 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
详解JavaScript的变量
Apr 04 Javascript
详解如何使用nvm管理Node.js多版本
May 06 Javascript
如何在现代JavaScript中编写异步任务
Jan 31 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 404错误页面实现代码
2009/06/22 PHP
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
JS 自定义带默认值的函数
2011/07/21 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
详解Vue-axios 设置请求头问题
2018/12/06 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
详解javascript中的Error对象
2019/04/25 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
Python格式化css文件的方法
2015/03/10 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
浅谈python中的变量默认是什么类型
2016/09/11 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
慰问敬老院活动总结
2014/04/26 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
八年级数学教学反思
2016/02/17 职场文书
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python
Redis高并发防止秒杀超卖实战源码解决方案
2021/11/01 Redis