javascript简单计算器可美化

更新时间：2011年10月19日 00:10:23 作者：

javascript简单计算器可美化，需要的朋友可以测试下。参考下实现原理。

JS计算器代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript简单计算器</title> <script type="text/javascript">  </script> </head> <body> <form name="calc"> <table border="1"> <td colspan="4"><input type="text" name="expr" size="30" action="compute(this.form)" /></td> <tr> <td><input type="button" value=" 7 " onclick="enter(this.form,seven)" /></td> <td><input type="button" value=" 8 " onclick="enter(this.form,eight)" /></td> <td><input type="button" value=" 9 " onclick="enter(this.form,nine)" /></td> <td><input type="button" value=" / " onclick="enter(this.form,divide)" /></td> </tr> <tr> <td><input type="button" value=" 4 " onclick="enter(this.form,four)" /></td> <td><input type="button" value=" 5 " onclick="enter(this.form,five)" /></td> <td><input type="button" value=" 6 " onclick="enter(this.form,six)" /></td> <td><input type="button" value=" * " onclick="enter(this.form,multiply)" /></td> </tr> <tr> <td><input type="button" value=" 1 " onclick="enter(this.form,one)" /></td> <td><input type="button" value=" 2 " onclick="enter(this.form,two)" /></td> <td><input type="button" value=" 3 " onclick="enter(this.form,three)" /></td> <td><input type="button" value=" - " onclick="enter(this.form,minus)" /></td> </tr> <tr> <td colspan="2"><input type="button" value=" 0 " onclick="enter(this.form,zero)" /></td> <td><input type="button" value=" . " onclick="enter(this.form,decimal)" /></td> <td><input type="button" value=" + " onclick="enter(this.form,plus)" /></td> </tr> <tr> <td colspan="2"><input type="button" value=" = " onclick="compute(this.form)" /></td> <td colspan="2"><input type="button" value="AC" onclick="form.reset()"/></td> </tr> </table> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

说明：

JavaScript eval() 函数
定义和用法
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

返回值
通过计算 string 得到的值（如果有的话）。

说明
该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。

抛出
如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。

如果非法调用 eval()，则抛出 EvalError 异常。

如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。

提示和注释
提示：虽然 eval() 的功能非常强大，但在实际使用中用到它的情况并不多。

您可能感兴趣的文章:

计算器

【经验总结】编写JavaScript代码时应遵循的14条规律
这篇文章主要介绍了编写JavaScript代码时应遵循的14条规律,涉及javascript变量的定义,函数、表单、json的使用,逻辑运算与页面元素操作技巧等,非常具有实用价值,需要的朋友可以参考下
2016-06-06
JavaScript 学习 - 提高篇
JavaScript 学习 - 提高篇...
2007-02-02
JavaScript中的事件监听详细介绍
这篇文章主要给大家介绍了关于JavaScript中事件监听的相关资料,在前端开发过程中我们经常会遇到给页面元素添加事件的问题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2023-08-08
关于Stream和Buffer的相互转换详解
这篇文章主要给大家介绍了关于Stream和Buffer相互转换的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧。
2017-07-07
weUI应用之JS常用信息提示弹层的封装
这篇文章主要为大家详细介绍了weUI应用中利用JS封装几个常用的信息提示弹层的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
uniapp通过概率实现随机抽奖的项目实践
在很多电商平台或者活动中,都会有类似抽奖赢优惠券的功能,本文主要介绍了uniapp通过概率实现随机抽奖的项目实践,具有一定的参考价值,感兴趣的可以了解一下
2025-04-04
jqplot通过ajax动态画折线图的方法及思路
这篇文章主要介绍了
2013-12-12
DEFER怎么用？
DEFER怎么用？...
2006-07-07
封装html的select标签的js操作实例
本文将为大家介绍下正如标题所示的select操作:清空所有的选项、添加一个选项、根据值、选中一个选项、根据下标，选中一个选项，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
微信小程序实现简单计算器
这篇文章主要为大家详细介绍了微信小程序写简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04