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 相关文章推荐
JQuery 图片滚动轮播示例代码
Mar 24 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
js返回顶部实例分享
Dec 21 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 Javascript
vue.js项目中实用的小技巧汇总
Nov 29 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
Jun 18 Javascript
layui数据表格跨行自动合并的例子
Sep 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
smarty的保留变量问题
2008/10/23 PHP
四种php中webservice实现的简单架构方法及实例
2015/02/03 PHP
smarty模板引擎之配置文件数据和保留数据
2015/03/30 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
JS的数组迭代方法
2015/02/05 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
js实现表格筛选功能
2017/01/18 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
简述vue状态管理模式之vuex
2018/08/29 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
python实现根据图标提取分类应用程序实例
2014/09/28 Python
怎样使用Python脚本日志功能
2016/08/14 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
ubuntu16.04升级Python3.5到Python3.7的方法步骤
2020/08/20 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
医务工作者先进事迹材料
2014/01/26 职场文书
学习标兵获奖感言
2014/02/20 职场文书
纪录片信仰观后感
2015/06/08 职场文书
委托收款证明
2015/06/23 职场文书
珍爱生命主题班会
2015/08/13 职场文书
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python