javascript加减乘除的简单实例
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加减乘除的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
用php简单实现加减乘除计算器
用php实现加减乘除计算器.代码很简单哦! 复制代码 代码如下: <?php header("content-type:text/html;charset=utf-8"); session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
-
html+js实现简单的计算器代码(加减乘除)
html+js实现简单的计算器代码(加减乘除) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <table> <tr> <td&
-
js加减乘除丢失精度问题解决方法
在javascript中,当你使用小数进行加减乘除运算时,你会发现,所得到的结果有时后面带有长长的一段小数,使运算变得复杂,并且影响计算结果.上网查询了一下原因,大致如下:在javascript中,带小数的数据运算时总会出现好多位小数.这是因为在javascript中浮点数的计算是以2进制计算的. 复制代码 代码如下: /** * 加法运算,避免数据相加小数点后产生多位数和计算精度损失. * * @param num1加数1 | num2加数2 */ function numAdd(num1,
-
javascript加减乘除的简单实例
javascript加减乘除的简单实例 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <script language="javascript" type="text/javascript"> //除法函数 function accD
-
纯javascript的ajax实现php异步提交表单的简单实例
很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想使用额外的库,所以就琢磨着自己写,用纯js来实现异步提交表单 实现如下(本例用POST方式提交,用php作为服务器脚本) HTM L文件:test <html> <head> <script type="text/javascript" src="nam
-
javascript将中国数字格式转换成欧式数字格式的简单实例
项目中遇到一个需求,要把中国式的显示阿拉伯数字的方式改为欧式的,即每三位显示,中间用逗号隔开,比如12345678改成12,345,678的显示方式,下面就是javascript代码的具体实现: var iValue = 20002365879; //要转换的数字 var sValue = iValue+''; var aValue = new Array(); var iNum = sValue.length%3; var aResult; //转换结果 var index = 0; if(s
-
JavaScript实现的简单幂函数实例
本文实例讲述了JavaScript实现的简单幂函数.分享给大家供大家参考.具体实现方法如下: function PowerCalculator(base,power) { var number = base; if(power == 1) return number; if(power == 0) return 1; for(var i=2;i<=power;i++) { number = number * base; } return number; } 希望本文所述对大家的javascrip
-
javascript实现抽奖程序的简单实例
昨天开年会的时候看到一个段子说唯品会年会抽奖,结果大奖都被写抽奖程序的部门得了,CTO现场review代码. 简单想了一下抽奖程序的实现,花了十几分钟写了一下,主要用到的知识有数组添加删除,以及ES5 数组新增的indexOf,filter方法, 为了刷新页面后仍能保存已中奖记录,用了localStorage存盘. 刚开始是用随机数直接取编号,发现要剔除已中奖的人很麻烦,如果重复要递归调用,如果中奖的人太多到最后随机数取到已中奖的人概率太大,所以换用两个数组实现,一个记录已中奖的号码,一个记录未
-
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例 document.oncontextmenu = function(){return false}; //禁止鼠标右键菜单显示 var res = document.getElementById('box'); //找到id为box的div document.body.onmouseup = function(e){ //在body里点击触发事件 if(e.button===2){ //如果button=1(鼠标左键),butto
-
javascript 网页进度条简单实例
javascript 网页进度条简单实例 最近学习新的知识,遇到一个小功能网页进度条,发现一篇文章还是不错的,这里记录下,也许能帮助到大家, 实例代码: <!DOCTYPE html> <html> <head> <style> #box {float:left;width:100%;height:18px;border:1px solid;} #bar {float:left;width:100%;height:18px;border:0px;backgr
-
JavaScript实战(原生range和自定义特效)简单实例
今天我又码了两个特效:一个是用原生input[type=range]的,另一个完全自定义的:下面是完整代码和演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0; ri
-
javascript汉字拼音互转的简单实例
如下所示: var PinYin = { charDict : "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQBYXZLDWRDJRWYSRLDZJPCBZJJBRCFTLECZSTZF
-
javascript特效实现——当前时间和倒计时效果的简单实例
这个效果的实现关键是对Date对象和setTimeout的使用. 一共有三个例子,HTML结构如下,就不添加CSS样式了. <body> 当前时间:<p id="p1"></p> 高考倒计时:<p id="p2"></p> 限时抢购:<p id="p3"></p> </body> 主要体会javascript的实现 window.onload=func