javascript简单计算器 可美化

时间:2024-11-19 16:16:58 

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>



说明:

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

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

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

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

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

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

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

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

标签:计算器
0
投稿

猜你喜欢

  • windows 10 设定计划任务自动执行 python 脚本的方法

    2023-11-11 20:45:57
  • python进阶教程之函数对象(函数也是对象)

    2022-08-28 01:06:42
  • Oracle与MySQL的区别及优缺点

    2024-01-25 12:47:52
  • python类继承与子类实例初始化用法分析

    2023-03-31 17:14:24
  • MySQL5.7 JSON类型使用详解

    2024-01-15 23:57:04
  • Access的特点及其概念问答

    2009-09-10 19:00:00
  • c语言http请求解析表单内容

    2024-01-21 13:34:31
  • PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)

    2024-05-03 15:13:22
  • 纠结于ajax开发中 response的contentType 问题

    2008-12-11 13:46:00
  • jquery ajax传递中文参数乱码问题及解决方法说明

    2024-04-22 22:21:54
  • Python基于回溯法子集树模板解决取物搭配问题实例

    2023-11-20 04:46:53
  • Python字符串逐字符或逐词反转方法

    2022-12-24 21:14:45
  • Python实现繁體转为简体的方法示例

    2022-08-10 01:49:58
  • python爬取亚马逊书籍信息代码分享

    2021-03-25 09:38:14
  • 基于python编写的微博应用

    2021-06-06 01:26:38
  • 软件测试面试如何测试网页的登录页面

    2023-12-10 20:45:30
  • 解读ASP.NET 5 & MVC6系列教程(17):MVC中的其他新特性

    2023-07-11 10:44:59
  • 如何用 Python 制作 GitHub 消息助手

    2021-05-15 03:54:44
  • php截取utf-8中文字符串乱码的解决方法

    2024-04-29 13:56:52
  • mysql查询时offset过大影响性能的原因和优化详解

    2024-01-13 14:17:36
  • asp之家 网络编程 m.aspxhome.com