>>点击这里下载完整html源码<<

这是截图:

利用Javascript和html实现的一个计算器实例,核心代码如下:

<script language="JavaScript">
<!-- Hide the script from old browsers --
function compute(obj)
   {obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = ''
var divide = '/'
var decimal = '.'
function enter(obj, string)
   {obj.expr.value += string}
function clear(obj)
   {obj.expr.value = ''}
// --End Hiding Here -->
</script>
<form name="calc">
<table border=1>
<td colspan=4><input type="text" name="expr" size=30 action="compute(this.form)"> <tr>
<td><input type="button" value="  7  " onClick="enter(this.form, seven)">
<td><input type="button" value="  8  " onClick="enter(this.form, eight)">
<td><input type="button" value="  9  " onClick="enter(this.form, nine)">
<td><input type="button" value="   /  " onClick="enter(this.form, divide)">
<tr><td><input type="button" value="  4  " onClick="enter(this.form, four)">
<td><input type="button" value="  5  " onClick="enter(this.form, five)">
<td><input type="button" value="  6  " onClick="enter(this.form, six)">
<td><input type="button" value="    " onClick="enter(this.form, multiply)">
<tr><td><input type="button" value="  1  " onClick="enter(this.form, one)">
<td><input type="button" value="  2  " onClick="enter(this.form, two)">
<td><input type="button" value="  3  " onClick="enter(this.form, three)">
<td><input type="button" value="   -  " onClick="enter(this.form, minus)">
<tr><td colspan=2><input type="button" value="       0       " onClick="enter(this.form, zero)">
<td><input type="button" value="   .  " onClick="enter(this.form, decimal)">
<td><input type="button" value="  +  " onClick="enter(this.form, plus)">
<tr><td colspan=2><input type="button" value="   =   " onClick="compute(this.form)">
<td colspan=2><input type="button" value="AC" size= 3 onClick="clear(this.form)"> </table>
</form>

最新文章

  1. ruby 基础知识(一)
  2. jQuery点击图片弹出放大特效下载
  3. MyBatis入门(一)
  4. 关于SQL Server无法查询中文的问题
  5. JavaScript的sleep延时函数
  6. css中的id和css的区别
  7. lucene-SpanNotQuery和SpanOrQuery交迭与全局跨度
  8. JavaScript 小函数积累及性能优化
  9. C++因继承引发的隐藏与重写
  10. 基于ZigBee模块与51单片机之间的简化智能家居项目简介(学生版本)
  11. 对TSNU网站的初步分析
  12. 设计模式C++学习笔记之十一(Bridge桥梁模式)
  13. Wordpress上一篇文章和下一篇文章
  14. Python撰写mail
  15. PAT 1057 数零壹
  16. HihoCoder - 1483 区间最值
  17. windows7下搭建robot framework环境指导
  18. OpenStack 存储服务 Cinder存储节点部署NFS(十七)
  19. C# 可选参数 命名参数
  20. Python绘图工具matplotlib的使用(图形并茂)

热门文章

  1. Struts1和Struts2对照
  2. Javascript学习2 - Javascript中的表达式和运算符
  3. HDU 2647 Reward(图论-拓扑排序)
  4. Codeforces 479E Riding in a Lift(dp)
  5. Nyoj Arbitrage(Floyd or spfa or Bellman-Ford)
  6. javascript系列之执行上下文
  7. C# 反射技术应用
  8. JavaScript模块化编程之require.js与sea.js
  9. crawler_网络爬虫之数据分析_httpwatcher
  10. Atitit.异步编程 java .net php python js 对照