写网页计算器_第1页
写网页计算器_第2页
写网页计算器_第3页
写网页计算器_第4页
写网页计算器_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、HTML写网页计算器第一种：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha

2、rset=gb2312" /><title>无标题文档</title><script language="javascript"> function jsq(fh)var num1,num2;num1=parseFloat(document.form1.text1.value);num2=parseFloat(document.form1.text2.value);if(fh="+")document.form1.text3.value=num1+num2;if(fh="-")doc

3、ument.form1.text3.value=num1-num2;if(fh="*")document.form1.text3.value=num1*num2;if(fh="/") if(num2!=0) document.form1.text3.value=num1/num2; else alert ("除数不能为零!") </script></head> <body><form id="form1" name="form1" method=&quo

4、t;post" action=""> <label> <input name="text1" type="text" id="text1" /> </label> <p> <label> <input name="text2" type="text" id="text2" /> </label> </p> <p> <label&

5、gt; <input name="Button1" type="Button" id="Button1" value="+" onClick="jsq('+')"> <input name="Button2" type="Button" id="Button2" value="-" onClick="jsq('-')"/> <input

6、 name="Button3" type="Button" id="Button3" value="*" onClick="jsq('*')"/> <input name="Button4" type="Button" id="Button4" value="/" onClick="jsq('/')"/> </label> </p

7、> <p> <label> <input name="text3" type="text" id="text3" /> </label> </p></form></body></html>第二种：<html><head><META http-equiv="Content-Type" content="text/html; charset=gb2312"><

8、;title>简易计算器</title><style type="text/css">bodybackground-color:pink;tableborder-left:1 #FFFFFF solid;border-top:1 #FFFFFF solid;.input1border-right: #FFFFFF 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid;border-bottom: #FFFFFF 1px solid;width:180px

9、;background-color:#FFFFFF;text-align:right;inputborder-right: #000000 1px solid; BORDER-TOP: #ffffff 1px solid; border-left: #ffffff 1px solid; color: #000080; border-bottom: #000000 1px solid; background-COLOR: #d8d8d0;width:40px;height:20px;tdborder-bottom:#FFFFFF 1 solid;border-right:#FFFFFF 1 so

10、lid;height:25px;</style><script language="javascript">var total=0; /全局变量total,累计输入var FlagNew = false; /是否是新的操作数（输入的第二个数）var Opp = "" /运算符变量function clearall()total=0;document.myform.number.value=0;/清除结果function enternumber(Num) /数字按钮单击调用的函数，Num表示输入的数字if (FlagNew) /判断

11、输入的是否新的操作数document.myform.number.value = Num; FlagNew = false; else if (document.myform.number.value= "0") umber.value= Num;else document.myform.number.value+= Num; /记录输入的操作 数 function Operation (Op) /“加减乘除”按钮单击调用的函数，Op代表运算符号var Num1=document.myform.number.value; if (FlagNew && Opp

12、 != "=");FlagNew = true; / 根据运算符进行运算if ( '+' = Opp) total +=parseFloat(Num1); else if ( '-' = Opp) total -=parseFloat(Num1); else if ( '/' = Opp) total /=parseFloat(Num1); else if ( '*' = Opp) total *=parseFloat(Num1); else total =parseFloat(Num1); document.

13、myform.number.value= total; /结果文本框累计数字Opp = Op; </script> </head><body><h3 align="center">简易计算器</h1><table width="180" border="0" cellspacing="0" cellpadding="3"align="center"> <form action=""

14、; method="post" name="myform"> <tr> <td colspan="4"><input name="number" type="text" class="input1" value="0"></td> </tr> <tr> <td><input name="number7" type="button&q

15、uot; value="7" onClick="enternumber(7)"></td><td><input name="number8" type="button" value="8" onClick="enternumber(8)"></td><td><input name="number9" type="button" value="9"

16、 onClick="enternumber(9)"></td><td><input name="number+" type="button" value="+" onClick="Operation('+')"></td> </tr> <tr> <td><input name="number4" type="button" value="

17、;4" onClick="enternumber(4)"></td><td><input name="number5" type="button" value="5" onClick="enternumber(5)"></td><td><input name="number6" type="button" value="6" onClick="e

18、nternumber(6)"></td><td><input name="number-" type="button" value="-" onClick="Operation('-')"></td> </tr> <tr> <td><input name="number1" type="button" value="1" onClick

19、="enternumber(1)"></td><td><input name="number2" type="button" value="2" onClick="enternumber(2)"></td><td><input name="number3" type="button" value="3" onClick="enternumber(3)&qu

20、ot;></td><td><input name="number*" type="button" value="*" onClick="Operation('*')"></td> </tr> <tr> <td><input name="number0" type="button" value="0" onClick="enternumb

21、er(0)"></td><td><input name="numberC" type="button" value="C" onClick="clearall();"></td><td><input name="number=" type="button" value="=" onClick="Operation('=')"><

22、/td><td><input name="number/" type="button" value="/" onClick="Operation('/')"></td> </form></table></body></html>第三种：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.

23、/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html写计算器</title><script language="javascript">

24、; function jsq(form)var num1,num2,fh;num1=parseFloat(document.form1.text1.value);num2=parseFloat(document.form1.text2.value);fh=document.form1.fh.value;if(fh=1)document.form1.text3.value=num1+num2;else if(fh=2)document.form1.text3.value=num1-num2;else if(fh=3)document.form1.text3.value=num1*num2;else if(fh=4) if(num2!=0) document.form1.text3.value=num1/num2; else alert ("除数不能为零!") </script></head><body&

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论