用html制作信用卡利率计算器器
点击联系发帖人
时间：2018-05-13 08:25
博客访问： 1616477
博文数量： 556
博客积分： 11457
博客等级： 上将
技术积分： 5963
注册时间：
分类： 系统运维 15:35:40
&&&&<title>简易计算器__方案2</title>
&&&&<script language="javascript">
&&&&&&&&function doCal(){
&&&&&&&&&&&var value1=parseInt(document.getElementById("value1").value);
&&&&&&&&&&&var flag=document.getElementById("flag").value;
&&&&&&&&&&&var value2=parseInt(document.getElementById("value2").value);
&&&&&&&&&&&&eval("var s="+value1+flag+value2);
&&&&document.getElementById("span_result").innerHTML=""+s+"";
&&&&</script>
&&&&&<center>
&&&&&&<h1>简易计算器</h1>
&&&&&&&<hr>
&&&&&&&&<input type="text" name="value1">
&&&&&&&&<select name="flag">
&&&&&&&&&&<option value="+">+</option>
&&&&&&&&&&<option value="-">-</option>
&&&&&&&&&&<option value="*">*</option>
&&&&&&&&&&<option value="/">/</option>
&&&&&&&&</select>
&&&&&&&&<input type="text" name="value2">
&&&&&&&&<input type="button" value="=" onclick="doCal()">
&&&&&&&&<span id="span_result"></span>
&&&&</center>
阅读(2094) | 评论(0) | 转发(0) |
给主人留下些什么吧！~~
请登录后评论。纯 HTML CSS JS 编写的计算器应用
我的图书馆
纯 HTML CSS JS 编写的计算器应用
作者：dunizb链接：segmentfault.com/a/7116一道笔试题之前偶然看到一个公司的笔试题，题目如下：用HTML5、CSS3、JavaScript，做一个网页，实现如下图形式计算器具体要求：有且只有一个文件：index.html。不允许再有其他文件，不允许再有单独的CSS、JS、PNG、JPG文件。运行环境为 Google Chrome。必须支持标准的四则运算。例如：1+2*3=7。请在收到邮件的48小时内独立完成本测试，并回复本邮件。一道笔试题引发的一个练手项目花了一点时间写好的第一版，符合了笔试题的要求。后来左看右看觉得还可以改进做的更好，于是给它不断的改进，加新功能等，这样下来没完没了，利用业余时间一点一点的写，从刚开始的网页版，到后来做响应式的移动版，再到现在的移动App，短短续续大概写了3个月吧。项目地址最终版的计算器，项目地址和预览图片在 GitHub：。功能说明最终版的功能如下：界面布局采用CSS3 的 Flex box布局内置两套主题可切换计算历史记录显示左滑右滑可以切换单手模式(App)当输入手机号码后长按等于号可以拨打手机号码(App)版本更新检查(App)界面布局由于这个项目只是练手,所以采用了HTML5个CSS3技术，也不打算兼容IE等低版本浏览器，所以直接使用CSS3提供的Flexbox布局方式。并且使用rem单位来进行自动计算尺寸。计算计算历史记录显示功能，使用HTML5提供的本地存储功能之Local Storage，为了方便使用Local Storage，对它进行了简单的封装（见js/common.js文件）使之key值按一定规律生产，方便管理。key由appName+id组成，id是自动增长不重复的，可以按id和appName删除一条记录，输入*则全部删除。打包APP移动Web版计算器写完后，又想把他做成APP在手机上运行，由于本人没用过混合APP诸如ionic之类的框架，所以参考了一下，选择了Hbuild来进行开发和APP的打包，非常方便。（）.单手模式左滑右滑可以切换单手模式，这就需要移动端的touch事件了，使用如下代码判断是左滑还是右滑：/** 单手模式 */function singleModel(){&&&&var calc = document.getElementById('calc');&&&&var startX = 0,moveX = 0,distanceX = 0;&&&&var distance = 100;&&&&&&var width = calc.offsetWidth;&&&&//滑动事件&&&&calc.addEventListener('touchstart',function(e){&&&&&&&&startX = e.touches[0].clientX;&&&&});&&&&calc.addEventListener('touchmove',function(e){&&&&&&&&moveX = e.touches[0].clientX;&&&&&&&&distanceX = moveX - startX;&&&&&&&&isMove = true;&&&&});&&&&window.addEventListener('touchend',function(e){&&&&&&&&if(Math.abs(distanceX) > width/3 && isMove){&&&&&&&&&&&&if( distanceX > 0 ){&&&&&&&&&&&&&&&&positionFun('right');&&&&&&&&//右滑&&&&&&&&&&&&}else{&&&&&&&&&&&&&&&&positionFun('left');&&&&&&&&&&//左滑&&&&&&&&&&&&}&&&&&&&&}&&&&&&&&startY = moveY = 0;&&&&&&&&isMove = false;&&&&});&& }如果是左滑，就position:left:0,bottom:0，再把最外层DIV缩小到80%，这样就实现了左滑计算器缩小移动到左下角。右滑道理一样。电话拨打功能当输入手机号码后长按等于号可以拨打手机号码。这个功能没什么神奇，在移动Web上会对那些看起来像是电话号码的数字处理为电话链接，比如：7位数字，形如：1234567带括号及加号的数字，形如：(+86)双连接线的数字，形如：00-00-0011111位数字，形如：可能还有其他类型的数字也会被识别。我们可以通过如下的meta来开启电话号码的自动识别：name='format-detection' content='telephone=yes' />开启电话功能href='tel:123456'>123456开启短信功能：href='sms:123456'>123456但是，在Android系统上，只能调用系统的拨号界面，在iOS上则能调过这一步直接把电话拨打出去。版本更新检查在关于页面，有一个版本更新检查按钮，就能检查是否有新版本，这个功能的原理是发送一个JSOPN请求去检查服务器上的JSON文件，比对版本号，如果服务器上的版本比APP的版本高则会提示有新版本可以下载。客户端JavaScript代码：function updateApp(){&&&&//检查新版本&&&&var updateApp = document.getElementById('updateApp');&&&&updateApp.onclick = function(){&&&&&&&&var _this = this;&&&&&&&&$.ajax({&&&&&&&&&&&&type:'get',&&&&&&&&&&&&url:'http://duni.sinaapp.com/demo/app.php?jsoncallback=?',&&&&&&&&&&&&dataType:'jsonp',&&&&&&&&&&&&beforeSend : function(){&&&&&&&&&&&&&&&&_this.innerHTML = '? 正在检查新版本...';&&&&&&&&&&&&},&&&&&&&&&&&&success:function(data){&&&&&&&&&&&&&&&&var newVer = data[0].version;&&&&&&&&&&&&&&&&if(newVer > appConfig.version){&&&&&&&&&&&&&&&&&&&&var log = data[0].log;&&&&&&&&&&&&&&&&&&&&var downloadUrl = data[0].downloadUrl;&&&&&&&&&&&&&&&&&&&&if(confirm('检查到新版本【'+newVer+'】，是否立即下载？\n 更新日志：\n ' + log)){&&&&&&&&&&&&&&&&&&&&&&&&var a = document.getElementById('telPhone');&&&&&&&&&&&&&&&&&&&&&&&&a.href = downloadUrl;&&&&&&&&&&&&&&&&&&&&&&&&a.target = '_blank';&&&&&&&&&&&&&&&&&&&&&&&&a.click();&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&}else{&&&&&&&&&&&&&&&&&&&&alert('你很潮哦，当前已经是最新版本！');&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&_this.innerHTML = '? 检查新版本';&&&&&&&&&&&&},&&&&&&&&&&&&error:function(msg){&&&&&&&&&&&&&&&&_this.innerHTML = '? 检查新版本';&&&&&&&&&&&&&&&&alert('检查失败：'+msg.message);&&&&&&&&&&&&}&&&&&&&&});&&&&}}服务端JSON：[&&&&{&&&&&&&&'version':'3.1.0',&&&&&&&&'downloadUrl':'http://dunizb.b0.upaiyun.com/demo/app/myCalc-3.1.0.apk',&&&&&&&&'hashCode':'16',&&&&&&&&'log':'1.新增切换主题功能 \n 2.新增单手切换模式功能 \n 3.调整UI '&&&&}]下个版本计划当前3.1.0版本还存在一些问题：由于JS本身存在计算浮点数精度丢失问题，所以这个问题在项目中同意存在，需要自己去处理这个问题由于使用了第三方的天气接口，用了jquery.Ajax方法，所以违背了使用纯原生写的初衷。所以下个版本的开发计划为：解决浮点数计算精度问题把获取天气信息的jquery.Ajax方法替换为原生JavaScript代码，自己封装JSONP请求函数使用面向对象方式重构APP欢迎大家到github上来看看，如果喜欢可以star、watch一下，或提issue。关注「前端大全」看更多精选前端技术文章↓↓↓
TA的最新馆藏
喜欢该文的人也喜欢用js+html写的一个简单计算器
用js+html刚写的一个计算器，发现在不同浏览器上显示差的好远啊……纠结……
然后发现N多不完善的地方，╮(╯▽╰)╭，懒得改了，累死了，做作业去……
&title&Untitled&/title&
&style type="text/css"&
&&&&&&&&&&&&&
input[type=button]
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&height:25
&&&&&&&&&&&&&
type="text/javascript"&
&&&&&&&&&&&&&
var result=0;
var point=&&&&&&&&&&&&
var multiple=0.1;&&&&&&&&&&&&&&&&
var sort=0;&&&&&&&&&&&&&&&&&&&&&&&&&&
var temp=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
function onbutton0()&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&
if(!point) result=10*result+0;&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
else &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*0;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton1()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*1;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton2()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+2;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*2;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton3()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+3;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*3;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton4()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+4;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*4;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton5()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+5;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*5;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton6()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+6;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*6;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton7()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+7;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*7;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton8()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+8;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*8;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton9()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+9;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*9;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_point()&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result)+".";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_back()&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
temp=name.
&&&&&&&&&&&&&&&&&&&&
&name.value="";
&&&&&&&&&&&&&&&&&&&&
i=0;i&temp.length-1;i++)
&&&&&&&&&&&&&&&&&&&&
name.value+=temp[i];
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_plus()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//eg:1+2+3=&&
+++3result
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_minus()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_mult()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_div()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_equal()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
point=&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
sort=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(temp);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_clear()&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
point=&&&&&&&&&&&&
&&&&&&&&&&&&&
multiple=0.1;&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
sort=0;&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
temp=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&table align="center"&
&td colspan="5"&&input
type="text" value="0"
id="show"&&/td&
&td&&input
type="button" value="7"
onclick="onbutton7();"&&/td&
&td&&input
type="button" value="8"
onclick="onbutton8();"&&/td&
&td&&input
type="button" value="9"
onclick="onbutton9();"&&/td&
&td&&input
type="button" value="/"
onclick="onbutton_div();"&&/td&
&td&&input
type="button" value="&"
onclick="onbutton_back();"&&/td&
&td&&input
type="button" value="4"
onclick="onbutton4();"&&/td&
&td&&input
type="button" value="5"
onclick="onbutton5();"&&/td&
&td&&input
type="button" value="6"
onclick="onbutton6();"&&/td&
&td&&input
type="button" value="*"
onclick="onbutton_mult();"&&/td&
&td&&input
type="button" value="C"
onclick="onbutton_clear();"&&/td&
&td&&input
type="button" value="1"
onclick="onbutton1();"&&/td&
&td&&input
type="button" value="2"
onclick="onbutton2();"&&/td&
&td&&input
type="button" value="3"
onclick="onbutton3();"&&/td&
&td&&input
type="button" value="-"
onclick="onbutton_minus();"&&/td&
&td rowspan="2"&&input
type="button" value="=" style="width:25height:57"
onclick="onbutton_equal();"&&/td&
&td colspan="2"&&input
type="button" value="0" style="width:57height:25"
onclick="onbutton0();"&&/td&
&td&&input
type="button" value="."
onclick="onbutton_point();"&&/td&
&td&&input
type="button" value="+"
onclick="onbutton_plus();"&&/td&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。存款利率计算器_银行存款利率计算器－融360
& 存款利率计算器
日央行最新存款基准利率，一年定期存款 1.50%，活期存款 0.35%，
剩余金额：￥0
剩余金额：￥0
剩余金额：￥0
融360 - 平台 版权所有javascipt+html+css制作简单计算器 | 风信子 | 风信子
javascipt+html+css制作简单计算器 – 风信子
以前自己做不出来，这次凭借自己的脑子想出来了算法，还有很大的上升空间。
先给出效果图：
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&js完成计算器&/title&
&style type="text/css"&
padding:0;
#container{
padding:10px 0 15px 20
height:450
border-radius:5
background-color:#D7E2F0;
font-family:"微软雅黑";
margin:0 0 0 -10
border-bottom:2px solid #C0C0C0;
line-height:20
height:420
margin: 0 0 0 -10
.specialTr td{
font-size:16
text-align:
margin:0 0 0 1
display:inline-
font-size:24
text-align:
&div id="container"&
&table id="table"&
&caption&计算器&/caption&
&tr class="specialTr"&
&td onclick="search()"&查看&/td&&td onclick="edit()"&编辑&/td&&td onclick="help()"&帮助&/td&
&td&&input type="hidden" value="" /&&/td&
&tr style="height:5"&
&div style="position:width:370height:2background-color:#C0C0C0;top:95left:498px"&&/div&
&tr class="specialTwo"&
&td&&button type="button" name="memory" style="overflow:"&M&/button&&/td&
&td colspan="4"&&input type="text" name="blank" /&&/td&
&td title="清除储存数据"&&button&MC&/button&&/td&&td title="读取储存的数据"&&button&MR&/button&&/td&
&td title="将所显示的数存入存储器中" value="content"&&button&MS&/button&&/td&&td title="计算结果并加上已经储存的数"&&button&M+&/button&&/td&&td title="用已存的数值减去当前显示的数值后，再将结果保存"&&button&M-&/button&&/td&
&td title="撤销"&&button&&-&/button&&/td&&td title="全部清除 "&&button&CE&/button&&/td&
&td title="归零"&&button&C&/button&&/td&&td title="取反"&&button&±&/button&&/td&&td title="开根号"&&button&√&/button&&/td&
&td&&button&7&/button&&/td&&td&&button&8&/button&&/td&&td&&button&9&/button&&/td&
&td title="除"&&button&/&/button&&/td&&td title="取百分号"&&button&%&/button&&/td&
&td&&button&4&/button&&/td&&td&&button&5&/button&&/td&&td&&button&6&/button&&/td&
&td title="乘"&&button&*&/button&&/td&&td title="取倒数"&&button&1/x&/button&&/td&
&td&&button&1&/button&&/td&&td&&button&2&/button&&/td&&td&&button&3&/button&&/td&
&td title="减"&&button&-&/button&&/td&&td rowspan="2" title="="&&button style="height:100px"&=&/button&&/td&
&td colspan="2"&&button style="width:132px"&0&/button&&/td&
&td title="小数点"&&button&.&/button&&/td&&td title="加"&&button&+&/button&&/td&
&script type="text/javascript"&
var table = document.getElementById("table");
var getResult = table.rows[7].cells[4].firstC
var add = table.rows[8].cells[2].firstC//加号
var dec = table.rows[7].cells[3].firstC//减号
var mul = table.rows[6].cells[3].firstC//乘号
var div = table.rows[5].cells[3].firstC//除号
var del = table.rows[4].cells[0].firstC//delete
var seven = table.rows[5].cells[0].firstC//7
var eight = table.rows[5].cells[1].firstC//8
var nine = table.rows[5].cells[2].firstC//9
var four = table.rows[6].cells[0].firstC//4
var five = table.rows[6].cells[1].firstC//5
var six = table.rows[6].cells[2].firstC//6
var one = table.rows[7].cells[0].firstC//1
var two = table.rows[7].cells[1].firstC//2
var three = table.rows[7].cells[2].firstC//3
var zero = table.rows[8].cells[0].firstC//0
var percent = table.rows[5].cells[4].firstC//%
var upDown = table.rows[6].cells[4].firstC//1/x
var point = table.rows[8].cells[1].firstC// .
var gen = table.rows[4].cells[4].firstC// √
var poNe = table.rows[4].cells[3].firstC// 正负号
var regOne = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/][√][0-9]{1,20}(\.[0-9]{1,20})?$/;
//9.4+-*/√9.768
var regTwo = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/](\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/;
var regThree = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/](\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/;
//+-√9.768+-9.4
var regFour = /^[√][0-9]{1,20}(\.[0-9]{1,20})?$/;
var ms = table.rows[3].cells[2].firstC//存储运算结果
var mc = table.rows[3].cells[0].firstC//清除存储结果
var mr = table.rows[3].cells[1].firstC//读取存储结果
var mAdd = table.rows[3].cells[3].firstC//计算结果并加上已经存储的数
var mDec = table.rows[3].cells[4].firstC//存储结果减去当前显示的数
var memory = table.rows[2].cells[0].firstC//用于存储计算结果
var show = table.rows[2].cells[1].firstC//显示屏
var ce= table.rows[4].cells[1].firstC//CE 全部清除
var c = table.rows[4].cells[2].firstC//c 归零
var equal = table.rows[7].cells[4].firstC//=
var num = table.rows[0].cells[3].firstC//存储结算结果
function number(x){//0-9对象
show.value = show.value+x.innerHTML;
zero.onclick = function(){
number(this);
one.onclick = function(){
number(this);
two.onclick = function(){
number(this);
three.onclick = function(){
number(this);
four.onclick = function(){
number(this);
five.onclick = function(){
number(this);
six.onclick = function(){
number(this);
seven.onclick = function(){
number(this);
eight.onclick = function(){
number(this);
nine.onclick = function(){
number(this);
function showResult(){
if(regOne.test(show.value)){
var one = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][√]/.exec(show.value);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
temp = temp.toString().substr(1,1);
behind = parseFloat(Math.sqrt(parseFloat(behind.toString())));
if(temp == "+"){
show.value = parseFloat(one.toString())+
}else if(temp == "-"){
show.value = parseFloat(one.toString())-
}else if(temp =="*"){
show.value = parseFloat(one.toString())*
}else if(temp =="/"){
show.value = parseFloat(one.toString())/
}else if(regThree.test(show.value)){
var one = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][0-9]/.exec(show.value);
temp = temp.toString().substr(1,1);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
behind = parseFloat(behind.toString());
if(one.toString().substring(0,1) == "√"){
one = parseFloat(one.toString().substring(1,one.toString().length-1));
if(temp =="+"){
show.value = parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = parseFloat(Math.sqrt(one))/
}else if(one.toString().substring(0,1) == "-"){
one = parseFloat(one.toString().substring(2,one.toString().length-1));
if(temp =="+"){
show.value = -parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = -parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = -parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = -parseFloat(Math.sqrt(one))/
}else if(show.value !=""){
show.value =eval(show.value);
add.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
dec.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
mul.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
div.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
percent.onclick = function(){
showResult();
show.value = parseFloat((show.value)*0.01);
gen.onclick = function(){
show.value = show.value + this.innerHTML;
point.onclick = function(){
show.value = show.value + this.innerHTML;
c.onclick = function(){
show.value = 0;
ce.onclick = function(){
show.value ="";
show.focus();
poNe.onclick = function(){
showResult();
show.value = -show.
equal.onclick = function() {
if(regOne.test(show.value)){
var one = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][√]/.exec(show.value);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
temp = temp.toString().substr(1,1);
behind = parseFloat(Math.sqrt(parseFloat(behind.toString())));
if(temp == "+"){
show.value = parseFloat(one.toString())+
}else if(temp == "-"){
show.value = parseFloat(one.toString())-
}else if(temp =="*"){
show.value = parseFloat(one.toString())*
}else if(temp =="/"){
show.value = parseFloat(one.toString())/
}else if(regThree.test(show.value)){
var one = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][0-9]/.exec(show.value);
temp = temp.toString().substr(1,1);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
behind = parseFloat(behind.toString());
if(one.toString().substring(0,1) == "√"){
one = parseFloat(one.toString().substring(1,one.toString().length-1));
if(temp =="+"){
show.value = parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = parseFloat(Math.sqrt(one))/
}else if(one.toString().substring(0,1) == "-"){
one = parseFloat(one.toString().substring(2,one.toString().length-1));
if(temp =="+"){
show.value = -parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = -parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = -parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = -parseFloat(Math.sqrt(one))/
}else if(regFour.test(show.value)){
var result
= show.value.toString().substr(1,show.value.toString().length);
show.value = parseFloat(Math.sqrt(parseFloat(result)));
}else if(show.value !=""){
show.value = eval(show.value);
mr.onclick = function(){//读取计算结果
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(num.value)){
var leftLength = /^(\-)?[0-9]{1,20}/.exec(num.value).toString().
//整数和小数点的位数
var rightLength =8-leftL//小数的位数
memory.innerHTML = parseFloat(num.value).toFixed(rightLength);
ms.onclick = function(){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
var result
= parseFloat(show.value.toString());
num.value =
mc.onclick = function(){
num.value = "";
memory.innerHTML = "M";
del.onclick = function(){
show.value = (show.value).substring(0,show.value.length-1);
mAdd.onclick = function(){
right = memory.innerHTML;
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(right)){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString().substr(0,1)=="-"){
right = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-right-temp);
show.value = parseFloat(-right+temp);
right = parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString());
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(right-temp);
show.value = parseFloat(right+temp);
mDec.onclick = function(){
right = memory.innerHTML;
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(right)){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString().substr(0,1)=="-"){
right = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-temp+right);
show.value = parseFloat(temp+right);
right = parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString());
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-temp-right);
show.value = parseFloat(temp-right);
upDown.onclick = function() {
showResult();
if(show.value!="0"){
show.value = 1/(show.value);
//这个是查看，编辑，帮助栏的功能模块
function search(){
window.open ('search.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
function edit(){
window.open ('edit.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no');
function help(){
window.open ('help.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no');
ps:本人亲自写的代码，最好在firefox下运行。欢迎call:qq
博主，你这计算器太差劲了，没有人愿意读完。
我也觉得太low了。
关键是好多函数不熟悉用法。
你大爷的。
干啥骂人？
& Powered by}
博文数量： 556
博客积分： 11457
博客等级： 上将
技术积分： 5963
注册时间：
分类： 系统运维 15:35:40
&&&&<title>简易计算器__方案2</title>
&&&&<script language="javascript">
&&&&&&&&function doCal(){
&&&&&&&&&&&var value1=parseInt(document.getElementById("value1").value);
&&&&&&&&&&&var flag=document.getElementById("flag").value;
&&&&&&&&&&&var value2=parseInt(document.getElementById("value2").value);
&&&&&&&&&&&&eval("var s="+value1+flag+value2);
&&&&document.getElementById("span_result").innerHTML=""+s+"";
&&&&</script>
&&&&&<center>
&&&&&&<h1>简易计算器</h1>
&&&&&&&<hr>
&&&&&&&&<input type="text" name="value1">
&&&&&&&&<select name="flag">
&&&&&&&&&&<option value="+">+</option>
&&&&&&&&&&<option value="-">-</option>
&&&&&&&&&&<option value="*">*</option>
&&&&&&&&&&<option value="/">/</option>
&&&&&&&&</select>
&&&&&&&&<input type="text" name="value2">
&&&&&&&&<input type="button" value="=" onclick="doCal()">
&&&&&&&&<span id="span_result"></span>
&&&&</center>
阅读(2094) | 评论(0) | 转发(0) |
给主人留下些什么吧！~~
请登录后评论。纯 HTML CSS JS 编写的计算器应用
我的图书馆
纯 HTML CSS JS 编写的计算器应用
作者：dunizb链接：segmentfault.com/a/7116一道笔试题之前偶然看到一个公司的笔试题，题目如下：用HTML5、CSS3、JavaScript，做一个网页，实现如下图形式计算器具体要求：有且只有一个文件：index.html。不允许再有其他文件，不允许再有单独的CSS、JS、PNG、JPG文件。运行环境为 Google Chrome。必须支持标准的四则运算。例如：1+2*3=7。请在收到邮件的48小时内独立完成本测试，并回复本邮件。一道笔试题引发的一个练手项目花了一点时间写好的第一版，符合了笔试题的要求。后来左看右看觉得还可以改进做的更好，于是给它不断的改进，加新功能等，这样下来没完没了，利用业余时间一点一点的写，从刚开始的网页版，到后来做响应式的移动版，再到现在的移动App，短短续续大概写了3个月吧。项目地址最终版的计算器，项目地址和预览图片在 GitHub：。功能说明最终版的功能如下：界面布局采用CSS3 的 Flex box布局内置两套主题可切换计算历史记录显示左滑右滑可以切换单手模式(App)当输入手机号码后长按等于号可以拨打手机号码(App)版本更新检查(App)界面布局由于这个项目只是练手,所以采用了HTML5个CSS3技术，也不打算兼容IE等低版本浏览器，所以直接使用CSS3提供的Flexbox布局方式。并且使用rem单位来进行自动计算尺寸。计算计算历史记录显示功能，使用HTML5提供的本地存储功能之Local Storage，为了方便使用Local Storage，对它进行了简单的封装（见js/common.js文件）使之key值按一定规律生产，方便管理。key由appName+id组成，id是自动增长不重复的，可以按id和appName删除一条记录，输入*则全部删除。打包APP移动Web版计算器写完后，又想把他做成APP在手机上运行，由于本人没用过混合APP诸如ionic之类的框架，所以参考了一下，选择了Hbuild来进行开发和APP的打包，非常方便。（）.单手模式左滑右滑可以切换单手模式，这就需要移动端的touch事件了，使用如下代码判断是左滑还是右滑：/** 单手模式 */function singleModel(){&&&&var calc = document.getElementById('calc');&&&&var startX = 0,moveX = 0,distanceX = 0;&&&&var distance = 100;&&&&&&var width = calc.offsetWidth;&&&&//滑动事件&&&&calc.addEventListener('touchstart',function(e){&&&&&&&&startX = e.touches[0].clientX;&&&&});&&&&calc.addEventListener('touchmove',function(e){&&&&&&&&moveX = e.touches[0].clientX;&&&&&&&&distanceX = moveX - startX;&&&&&&&&isMove = true;&&&&});&&&&window.addEventListener('touchend',function(e){&&&&&&&&if(Math.abs(distanceX) > width/3 && isMove){&&&&&&&&&&&&if( distanceX > 0 ){&&&&&&&&&&&&&&&&positionFun('right');&&&&&&&&//右滑&&&&&&&&&&&&}else{&&&&&&&&&&&&&&&&positionFun('left');&&&&&&&&&&//左滑&&&&&&&&&&&&}&&&&&&&&}&&&&&&&&startY = moveY = 0;&&&&&&&&isMove = false;&&&&});&& }如果是左滑，就position:left:0,bottom:0，再把最外层DIV缩小到80%，这样就实现了左滑计算器缩小移动到左下角。右滑道理一样。电话拨打功能当输入手机号码后长按等于号可以拨打手机号码。这个功能没什么神奇，在移动Web上会对那些看起来像是电话号码的数字处理为电话链接，比如：7位数字，形如：1234567带括号及加号的数字，形如：(+86)双连接线的数字，形如：00-00-0011111位数字，形如：可能还有其他类型的数字也会被识别。我们可以通过如下的meta来开启电话号码的自动识别：name='format-detection' content='telephone=yes' />开启电话功能href='tel:123456'>123456开启短信功能：href='sms:123456'>123456但是，在Android系统上，只能调用系统的拨号界面，在iOS上则能调过这一步直接把电话拨打出去。版本更新检查在关于页面，有一个版本更新检查按钮，就能检查是否有新版本，这个功能的原理是发送一个JSOPN请求去检查服务器上的JSON文件，比对版本号，如果服务器上的版本比APP的版本高则会提示有新版本可以下载。客户端JavaScript代码：function updateApp(){&&&&//检查新版本&&&&var updateApp = document.getElementById('updateApp');&&&&updateApp.onclick = function(){&&&&&&&&var _this = this;&&&&&&&&$.ajax({&&&&&&&&&&&&type:'get',&&&&&&&&&&&&url:'http://duni.sinaapp.com/demo/app.php?jsoncallback=?',&&&&&&&&&&&&dataType:'jsonp',&&&&&&&&&&&&beforeSend : function(){&&&&&&&&&&&&&&&&_this.innerHTML = '? 正在检查新版本...';&&&&&&&&&&&&},&&&&&&&&&&&&success:function(data){&&&&&&&&&&&&&&&&var newVer = data[0].version;&&&&&&&&&&&&&&&&if(newVer > appConfig.version){&&&&&&&&&&&&&&&&&&&&var log = data[0].log;&&&&&&&&&&&&&&&&&&&&var downloadUrl = data[0].downloadUrl;&&&&&&&&&&&&&&&&&&&&if(confirm('检查到新版本【'+newVer+'】，是否立即下载？\n 更新日志：\n ' + log)){&&&&&&&&&&&&&&&&&&&&&&&&var a = document.getElementById('telPhone');&&&&&&&&&&&&&&&&&&&&&&&&a.href = downloadUrl;&&&&&&&&&&&&&&&&&&&&&&&&a.target = '_blank';&&&&&&&&&&&&&&&&&&&&&&&&a.click();&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&}else{&&&&&&&&&&&&&&&&&&&&alert('你很潮哦，当前已经是最新版本！');&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&_this.innerHTML = '? 检查新版本';&&&&&&&&&&&&},&&&&&&&&&&&&error:function(msg){&&&&&&&&&&&&&&&&_this.innerHTML = '? 检查新版本';&&&&&&&&&&&&&&&&alert('检查失败：'+msg.message);&&&&&&&&&&&&}&&&&&&&&});&&&&}}服务端JSON：[&&&&{&&&&&&&&'version':'3.1.0',&&&&&&&&'downloadUrl':'http://dunizb.b0.upaiyun.com/demo/app/myCalc-3.1.0.apk',&&&&&&&&'hashCode':'16',&&&&&&&&'log':'1.新增切换主题功能 \n 2.新增单手切换模式功能 \n 3.调整UI '&&&&}]下个版本计划当前3.1.0版本还存在一些问题：由于JS本身存在计算浮点数精度丢失问题，所以这个问题在项目中同意存在，需要自己去处理这个问题由于使用了第三方的天气接口，用了jquery.Ajax方法，所以违背了使用纯原生写的初衷。所以下个版本的开发计划为：解决浮点数计算精度问题把获取天气信息的jquery.Ajax方法替换为原生JavaScript代码，自己封装JSONP请求函数使用面向对象方式重构APP欢迎大家到github上来看看，如果喜欢可以star、watch一下，或提issue。关注「前端大全」看更多精选前端技术文章↓↓↓
TA的最新馆藏
喜欢该文的人也喜欢用js+html写的一个简单计算器
用js+html刚写的一个计算器，发现在不同浏览器上显示差的好远啊……纠结……
然后发现N多不完善的地方，╮(╯▽╰)╭，懒得改了，累死了，做作业去……
&title&Untitled&/title&
&style type="text/css"&
&&&&&&&&&&&&&
input[type=button]
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&height:25
&&&&&&&&&&&&&
type="text/javascript"&
&&&&&&&&&&&&&
var result=0;
var point=&&&&&&&&&&&&
var multiple=0.1;&&&&&&&&&&&&&&&&
var sort=0;&&&&&&&&&&&&&&&&&&&&&&&&&&
var temp=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
function onbutton0()&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&
if(!point) result=10*result+0;&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
else &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*0;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton1()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*1;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton2()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+2;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*2;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton3()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+3;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*3;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton4()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+4;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*4;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton5()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+5;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*5;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton6()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+6;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*6;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton7()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+7;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*7;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton8()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+8;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*8;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton9()
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
if(!point) result=10*result+9;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
result=result+multiple*9;
&&&&&&&&&&&&&&&&&&&&&&&&&&&
multiple=multiple*0.1;
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_point()&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(result)+".";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_back()&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
temp=name.
&&&&&&&&&&&&&&&&&&&&
&name.value="";
&&&&&&&&&&&&&&&&&&&&
i=0;i&temp.length-1;i++)
&&&&&&&&&&&&&&&&&&&&
name.value+=temp[i];
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_plus()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//eg:1+2+3=&&
+++3result
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_minus()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_mult()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_div()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_equal()
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&&&&&&&&
point=&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
multiple=0.1;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
switch (sort)
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 1:result=result+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 2:result=temp-
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 3:result=temp*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
case 4:result=temp/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
sort=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
name.value=String(temp);
&&&&&&&&&&&&&
&&&&&&&&&&&&&
function onbutton_clear()&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
point=&&&&&&&&&&&&
&&&&&&&&&&&&&
multiple=0.1;&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
sort=0;&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
temp=0;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
var name=document.getElementByIdx_x("show");
&&&&&&&&&&&&&
name.value="0";
&&&&&&&&&&&&&
&table align="center"&
&td colspan="5"&&input
type="text" value="0"
id="show"&&/td&
&td&&input
type="button" value="7"
onclick="onbutton7();"&&/td&
&td&&input
type="button" value="8"
onclick="onbutton8();"&&/td&
&td&&input
type="button" value="9"
onclick="onbutton9();"&&/td&
&td&&input
type="button" value="/"
onclick="onbutton_div();"&&/td&
&td&&input
type="button" value="&"
onclick="onbutton_back();"&&/td&
&td&&input
type="button" value="4"
onclick="onbutton4();"&&/td&
&td&&input
type="button" value="5"
onclick="onbutton5();"&&/td&
&td&&input
type="button" value="6"
onclick="onbutton6();"&&/td&
&td&&input
type="button" value="*"
onclick="onbutton_mult();"&&/td&
&td&&input
type="button" value="C"
onclick="onbutton_clear();"&&/td&
&td&&input
type="button" value="1"
onclick="onbutton1();"&&/td&
&td&&input
type="button" value="2"
onclick="onbutton2();"&&/td&
&td&&input
type="button" value="3"
onclick="onbutton3();"&&/td&
&td&&input
type="button" value="-"
onclick="onbutton_minus();"&&/td&
&td rowspan="2"&&input
type="button" value="=" style="width:25height:57"
onclick="onbutton_equal();"&&/td&
&td colspan="2"&&input
type="button" value="0" style="width:57height:25"
onclick="onbutton0();"&&/td&
&td&&input
type="button" value="."
onclick="onbutton_point();"&&/td&
&td&&input
type="button" value="+"
onclick="onbutton_plus();"&&/td&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。存款利率计算器_银行存款利率计算器－融360
& 存款利率计算器
日央行最新存款基准利率，一年定期存款 1.50%，活期存款 0.35%，
剩余金额：￥0
剩余金额：￥0
剩余金额：￥0
融360 - 平台 版权所有javascipt+html+css制作简单计算器 | 风信子 | 风信子
javascipt+html+css制作简单计算器 – 风信子
以前自己做不出来，这次凭借自己的脑子想出来了算法，还有很大的上升空间。
先给出效果图：
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&js完成计算器&/title&
&style type="text/css"&
padding:0;
#container{
padding:10px 0 15px 20
height:450
border-radius:5
background-color:#D7E2F0;
font-family:"微软雅黑";
margin:0 0 0 -10
border-bottom:2px solid #C0C0C0;
line-height:20
height:420
margin: 0 0 0 -10
.specialTr td{
font-size:16
text-align:
margin:0 0 0 1
display:inline-
font-size:24
text-align:
&div id="container"&
&table id="table"&
&caption&计算器&/caption&
&tr class="specialTr"&
&td onclick="search()"&查看&/td&&td onclick="edit()"&编辑&/td&&td onclick="help()"&帮助&/td&
&td&&input type="hidden" value="" /&&/td&
&tr style="height:5"&
&div style="position:width:370height:2background-color:#C0C0C0;top:95left:498px"&&/div&
&tr class="specialTwo"&
&td&&button type="button" name="memory" style="overflow:"&M&/button&&/td&
&td colspan="4"&&input type="text" name="blank" /&&/td&
&td title="清除储存数据"&&button&MC&/button&&/td&&td title="读取储存的数据"&&button&MR&/button&&/td&
&td title="将所显示的数存入存储器中" value="content"&&button&MS&/button&&/td&&td title="计算结果并加上已经储存的数"&&button&M+&/button&&/td&&td title="用已存的数值减去当前显示的数值后，再将结果保存"&&button&M-&/button&&/td&
&td title="撤销"&&button&&-&/button&&/td&&td title="全部清除 "&&button&CE&/button&&/td&
&td title="归零"&&button&C&/button&&/td&&td title="取反"&&button&±&/button&&/td&&td title="开根号"&&button&√&/button&&/td&
&td&&button&7&/button&&/td&&td&&button&8&/button&&/td&&td&&button&9&/button&&/td&
&td title="除"&&button&/&/button&&/td&&td title="取百分号"&&button&%&/button&&/td&
&td&&button&4&/button&&/td&&td&&button&5&/button&&/td&&td&&button&6&/button&&/td&
&td title="乘"&&button&*&/button&&/td&&td title="取倒数"&&button&1/x&/button&&/td&
&td&&button&1&/button&&/td&&td&&button&2&/button&&/td&&td&&button&3&/button&&/td&
&td title="减"&&button&-&/button&&/td&&td rowspan="2" title="="&&button style="height:100px"&=&/button&&/td&
&td colspan="2"&&button style="width:132px"&0&/button&&/td&
&td title="小数点"&&button&.&/button&&/td&&td title="加"&&button&+&/button&&/td&
&script type="text/javascript"&
var table = document.getElementById("table");
var getResult = table.rows[7].cells[4].firstC
var add = table.rows[8].cells[2].firstC//加号
var dec = table.rows[7].cells[3].firstC//减号
var mul = table.rows[6].cells[3].firstC//乘号
var div = table.rows[5].cells[3].firstC//除号
var del = table.rows[4].cells[0].firstC//delete
var seven = table.rows[5].cells[0].firstC//7
var eight = table.rows[5].cells[1].firstC//8
var nine = table.rows[5].cells[2].firstC//9
var four = table.rows[6].cells[0].firstC//4
var five = table.rows[6].cells[1].firstC//5
var six = table.rows[6].cells[2].firstC//6
var one = table.rows[7].cells[0].firstC//1
var two = table.rows[7].cells[1].firstC//2
var three = table.rows[7].cells[2].firstC//3
var zero = table.rows[8].cells[0].firstC//0
var percent = table.rows[5].cells[4].firstC//%
var upDown = table.rows[6].cells[4].firstC//1/x
var point = table.rows[8].cells[1].firstC// .
var gen = table.rows[4].cells[4].firstC// √
var poNe = table.rows[4].cells[3].firstC// 正负号
var regOne = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/][√][0-9]{1,20}(\.[0-9]{1,20})?$/;
//9.4+-*/√9.768
var regTwo = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/](\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/;
var regThree = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?[\+\-\*\/](\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/;
//+-√9.768+-9.4
var regFour = /^[√][0-9]{1,20}(\.[0-9]{1,20})?$/;
var ms = table.rows[3].cells[2].firstC//存储运算结果
var mc = table.rows[3].cells[0].firstC//清除存储结果
var mr = table.rows[3].cells[1].firstC//读取存储结果
var mAdd = table.rows[3].cells[3].firstC//计算结果并加上已经存储的数
var mDec = table.rows[3].cells[4].firstC//存储结果减去当前显示的数
var memory = table.rows[2].cells[0].firstC//用于存储计算结果
var show = table.rows[2].cells[1].firstC//显示屏
var ce= table.rows[4].cells[1].firstC//CE 全部清除
var c = table.rows[4].cells[2].firstC//c 归零
var equal = table.rows[7].cells[4].firstC//=
var num = table.rows[0].cells[3].firstC//存储结算结果
function number(x){//0-9对象
show.value = show.value+x.innerHTML;
zero.onclick = function(){
number(this);
one.onclick = function(){
number(this);
two.onclick = function(){
number(this);
three.onclick = function(){
number(this);
four.onclick = function(){
number(this);
five.onclick = function(){
number(this);
six.onclick = function(){
number(this);
seven.onclick = function(){
number(this);
eight.onclick = function(){
number(this);
nine.onclick = function(){
number(this);
function showResult(){
if(regOne.test(show.value)){
var one = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][√]/.exec(show.value);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
temp = temp.toString().substr(1,1);
behind = parseFloat(Math.sqrt(parseFloat(behind.toString())));
if(temp == "+"){
show.value = parseFloat(one.toString())+
}else if(temp == "-"){
show.value = parseFloat(one.toString())-
}else if(temp =="*"){
show.value = parseFloat(one.toString())*
}else if(temp =="/"){
show.value = parseFloat(one.toString())/
}else if(regThree.test(show.value)){
var one = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][0-9]/.exec(show.value);
temp = temp.toString().substr(1,1);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
behind = parseFloat(behind.toString());
if(one.toString().substring(0,1) == "√"){
one = parseFloat(one.toString().substring(1,one.toString().length-1));
if(temp =="+"){
show.value = parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = parseFloat(Math.sqrt(one))/
}else if(one.toString().substring(0,1) == "-"){
one = parseFloat(one.toString().substring(2,one.toString().length-1));
if(temp =="+"){
show.value = -parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = -parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = -parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = -parseFloat(Math.sqrt(one))/
}else if(show.value !=""){
show.value =eval(show.value);
add.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
dec.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
mul.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
div.onclick = function(){
showResult(this);
show.value = parseFloat(show.value) +this.innerHTML;
percent.onclick = function(){
showResult();
show.value = parseFloat((show.value)*0.01);
gen.onclick = function(){
show.value = show.value + this.innerHTML;
point.onclick = function(){
show.value = show.value + this.innerHTML;
c.onclick = function(){
show.value = 0;
ce.onclick = function(){
show.value ="";
show.focus();
poNe.onclick = function(){
showResult();
show.value = -show.
equal.onclick = function() {
if(regOne.test(show.value)){
var one = /^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][√]/.exec(show.value);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
temp = temp.toString().substr(1,1);
behind = parseFloat(Math.sqrt(parseFloat(behind.toString())));
if(temp == "+"){
show.value = parseFloat(one.toString())+
}else if(temp == "-"){
show.value = parseFloat(one.toString())-
}else if(temp =="*"){
show.value = parseFloat(one.toString())*
}else if(temp =="/"){
show.value = parseFloat(one.toString())/
}else if(regThree.test(show.value)){
var one = /^(\-)?[√][0-9]{1,20}(\.[0-9]{1,20})?/.exec(show.value);
var temp = /[0-9][\+\-\*\/][0-9]/.exec(show.value);
temp = temp.toString().substr(1,1);
var behind = /[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value);
behind = parseFloat(behind.toString());
if(one.toString().substring(0,1) == "√"){
one = parseFloat(one.toString().substring(1,one.toString().length-1));
if(temp =="+"){
show.value = parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = parseFloat(Math.sqrt(one))/
}else if(one.toString().substring(0,1) == "-"){
one = parseFloat(one.toString().substring(2,one.toString().length-1));
if(temp =="+"){
show.value = -parseFloat(Math.sqrt(one))+
}else if(temp =="-"){
show.value = -parseFloat(Math.sqrt(one))-
}else if(temp =="*"){
show.value = -parseFloat(Math.sqrt(one))*
}else if(temp =="/"){
show.value = -parseFloat(Math.sqrt(one))/
}else if(regFour.test(show.value)){
var result
= show.value.toString().substr(1,show.value.toString().length);
show.value = parseFloat(Math.sqrt(parseFloat(result)));
}else if(show.value !=""){
show.value = eval(show.value);
mr.onclick = function(){//读取计算结果
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(num.value)){
var leftLength = /^(\-)?[0-9]{1,20}/.exec(num.value).toString().
//整数和小数点的位数
var rightLength =8-leftL//小数的位数
memory.innerHTML = parseFloat(num.value).toFixed(rightLength);
ms.onclick = function(){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
var result
= parseFloat(show.value.toString());
num.value =
mc.onclick = function(){
num.value = "";
memory.innerHTML = "M";
del.onclick = function(){
show.value = (show.value).substring(0,show.value.length-1);
mAdd.onclick = function(){
right = memory.innerHTML;
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(right)){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString().substr(0,1)=="-"){
right = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-right-temp);
show.value = parseFloat(-right+temp);
right = parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString());
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(right-temp);
show.value = parseFloat(right+temp);
mDec.onclick = function(){
right = memory.innerHTML;
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(right)){
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString().substr(0,1)=="-"){
right = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.test(show.value)){
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-temp+right);
show.value = parseFloat(temp+right);
right = parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(right).toString());
temp = Math.abs(parseFloat(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString()));
if(/^(\-)?[0-9]{1,20}(\.[0-9]{1,20})?$/.exec(show.value).toString().substr(0,1)=="-"){
show.value = parseFloat(-temp-right);
show.value = parseFloat(temp-right);
upDown.onclick = function() {
showResult();
if(show.value!="0"){
show.value = 1/(show.value);
//这个是查看，编辑，帮助栏的功能模块
function search(){
window.open ('search.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
function edit(){
window.open ('edit.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no');
function help(){
window.open ('help.html','','height=200,width=250,top=480,left=1140,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no');
ps:本人亲自写的代码，最好在firefox下运行。欢迎call:qq
博主，你这计算器太差劲了，没有人愿意读完。
我也觉得太low了。
关键是好多函数不熟悉用法。
你大爷的。
干啥骂人？
& Powered by}
我要回帖
更多关于 信用卡实际利率计算器 的文章
更多推荐
- ·汇博工业机器人有哪些产品。光伏板自动清洗机器人清洁机器人是做什么的？
- ·有人了解世椿半导体真空灌浸胶机设备功能的吗？
- ·新疆戈壁滩在哪里的石头可以随便捡吗?
- ·本田XR-V1.8L手动和启辰t70跟逍客一样吗 2.0L自动哪个车值得拥有？
- ·在展示廉洁文化四个特征的发展历程时，是否考虑到地域和文化差异?如何确保展示内容对各种观众都具有吸引力教育性
- ·[image]20 在线急，三星gear v700 tizen 固件已经刷泰泽系统，现在应用商场下gear应用没有反
- ·我有一QQ号 一年没用了 手机和手机号没用了要注销吗都换了 现在登不上 你能帮我找回来吗
- ·某p型半导体掺杂浓度热导率为什么会随着掺杂浓度的增加而上升
- ·金立手机如何华为手机关闭辅助功能能服务？
- ·为什么明明设置了边框，图片打印出来有边框下面的那格边框却没有了？还有第二页，为什么图片打印出来有边框是在纸的下面，而且
- ·手机店怎样搭讪宁阳郑袭修和女服务员员要到联系？一进手机店就有男服务员跟住你的
- ·华为手机本地视频怎么投屏如何投屏电视
- ·为什么有的微单和单反对比比单反还要贵？
- ·我在马上嘉银金融你我贷ceo贷了18000分的24期已经还了5期了 却要还 26000左右 利息有这么高的？
- ·(高中政治必修二)解析对于④的解释是：材料强调的是财政政策不是货币政策，不符合题意。请问财政政策和金融
- ·有多少人因信用卡坐牢还不上了
- ·南京地铁2号线1912地铁3号线哪一站哪一个出口
- ·阿里云云解析dns无效
- ·网商面料纱支 密度概念的概念是什么
- ·马林科夫鼠是不是正规的购物平台？
- ·用html制作信用卡利率计算器器
- ·车放在店里没提出来要还消费贷款买房查出来吗吗
- ·(高中政治必修二)解析对于④的解释是：材料强调的是财政政策不是货币政策，不符合题意。请问财政政策和金融
- ·被中介机构骗去的寰宇投资理财骗局款是诉讼还是报警啊？
- ·团贷网金钱如何担保贷狗骗子。公司是你老爸开的吗？
- ·中国平安财产保险股份是一天24小时给钱保护吗?
- ·垃圾清运公司公司
- ·谁想做马林鼠省钱口令怎么弄代理的来找我，我有一级口令！！！
- ·支付宝的重大医疗保险中的医疗保险看起来不错！可靠吗？有买过的吗？
- ·求通达信涨停选股公式选股公式
- ·618诺可以用装饰公司名字大全霸气吗？
- ·现在搞仓管员的个人工作总结一般多少钱一个月
- ·保安公司金山办公软件有限公司件
- ·蓝硕移动硬盘鹰谈判官实战特训营的广告语
- ·英镑图片100元有100元的吗?
