网页计算器html代码（利用JavaScript脚本语言编写一个简单的“网页计算器”）

2024-05-01 14:45:41 ：19

本文目录

利用JavaScript脚本语言编写一个简单的“网页计算器”
如何提取网页计算器中的计算公式
如何用JS创建一个简单的网页计算器
我有一个html网页计算器代码求大神加个退格功能
用HTML代码写一个计算器
html网页计算器代码怎么写
html写一个计算器
HTML里面怎么设计做一个加减乘除的网页
帮我写一个网页计算器公式代码
网页版计算器

利用JavaScript脚本语言编写一个简单的“网页计算器”

***隐藏网址******隐藏网址***《head》***隐藏网址***《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=="-")document.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="post" action=""》《label》《input name="text1" type="text" id="text1" /》《/label》《p》《label》《input name="text2" type="text" id="text2" /》《/label》《/p》《p》《label》《input name="Button1" type="Button" id="Button1" value="+" onClick="jsq(’+’)"》《input name="Button2" type="Button" id="Button2" value="-" onClick="jsq(’-’)"/》《input name="Button3" type="Button" id="Button3" value="*" onClick="jsq(’*’)"/》《input name="Button4" type="Button" id="Button4" value="/" onClick="jsq(’/’)"/》《/label》《/p》《p》《label》《input name="text3" type="text" id="text3" /》《/label》《/p》《/form》《/body》《/html》

如何提取网页计算器中的计算公式

这些计算公式，都是javascript代码块。比如现在这个问题页，你在空白处“右键”-“查看网页源代码”，里面所有的《script type="text/javascript" src="路径.js"》《/script》都是js方法。一般的js方法，都是经过了混淆加密的，不让客户轻易破解。再者，很多专有的方法，是在后台进行计算的。

如何用JS创建一个简单的网页计算器

《!doctype html》《html》《head》《title》计算器《/title》《meta charset="utf-8"/》《style type="text/css"》 .panel{ border:4px solid #ddd; width:192px; margin:100px auto; } .panel p,.panel input{ font-family:"微软雅黑"; font-size:20px; margin:4px; float:left; } .panel p{ width:122px; height:26px; border:1px solid #ddd; padding:6px; overflow:hidden; } .panel input{ width:40px; height:40px; border:1px solid #ddd; } 《/style》《script type="text/javascript"》 //参数e用来接收传入的event对象 function cal(e){ //1.获取事件源，处理button的事件 var obj=e.srcElement||e.target; if(obj.nodeName !="INPUT"){ return; } var value=obj.value; var p=document.getElementById("screen"); if(value=="C"){ //2.如果是，则清空p p.innerText=""; }else if(value=="="){ //3.如果是，则运算 var exp=p.innerText; try{ var result=eval("("+exp+")"); //如果正确执行，将结果写入p p.innerText=result; }catch(e){ //发生错误，给予错误提示 p.innerText="Error."; } }else{ //4.如果是其它按钮，则将value追加到p中 p.innerText+=value; } } 《/script》《/head》《body》《!--在最外层的div上注册单击事件，传入event对象，然后在函数中通过event判断出事件来源于哪一个button，进而做出应有的处理。这样的好处是，避免在button上大量的注册事件。--》《div class="panel" onClick="cal(event);"》《div》《p id="screen"》《/p》《input type="button" value="C"》《div style="clear:both"》《/div》《/div》《div》《input type="button" value="7"》《input type="button" value="8"》《input type="button" value="9"》《input type="button" value="/"》《input type="button" value="4"》《input type="button" value="5"》《input type="button" value="6"》《input type="button" value="*"》《input type="button" value="1"》《input type="button" value="2"》《input type="button" value="3"》《input type="button" value="-"》《input type="button" value="0"》《input type="button" value="."》《input type="button" value="="》《input type="button" value="+"》《div style="clear:both"》《/div》《/div》《/body》《/html》

这是我自学时候写的计算器

我有一个html网页计算器代码求大神加个退格功能

function onclickBackspace() { str = document.getElementById("nummessege");num=str.value;var newstr=num.substring(0,num.length-1);str.value = newstr; }

用HTML代码写一个计算器

《html》《head》《title》计算器《/title》《/head》《body bgcolor="#ffffff" onload="FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();"》《FORM name="Keypad" action=""》《TABLE align="center"》《B》《TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5》《TR》《TD colspan=3 align=middle》《input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"width=100%》《/TD》《TD》《/TD》《TD》《input name="btnClear" type="Button" value=" C " onclick="Clear()"》《/TD》《TD》《input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"》《/TD》《/TR》《TR》《TD》《input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"》《/TD》《TD》《input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"》《/TD》《TD》《input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"》《/TD》《TD》《/TD》《TD》《input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"》《/TD》《TD》《input name="btnPercent" type="Button" value=" % " onclick="Percent()"》《/TD》《/TR》《TR》《TD》《input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"》《/TD》《TD》《input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"》《/TD》《TD》《input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"》《/TD》《TD》《/TD》《TD align=middle》《input name="btnPlus" type="Button" value=" + " onclick="Operation(’+’)"》《/TD》《TD align=middle》《input name="btnMinus" type="Button" value=" - " onclick="Operation(’-’)"》《/TD》《/TR》《TR》《TD》《input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"》《/TD》《TD》《input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"》《/TD》《TD》《input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"》《/TD》《TD》《/TD》《TD align=middle》《input name="btnMultiply" type="Button" value=" * " onclick="Operation(’*’)"》《/TD》《TD align=middle》《input name="btnDivide" type="Button" value=" / " onclick="Operation(’/’)"》《/TD》《/TR》《TR》《TD》《input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"》《/TD》《TD》《input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"》《/TD》《TD colspan=2》《/TD》《TD》《input name="btnEquals" type="Button" value=" = " onclick="Operation(’=’)"》《/TD》《TD》《input name="btnReturn" type="Button" value="返回" onclick="goReturn()"》《/TD》《/TR》《/TABLE》《/TABLE》《/B》《/FORM》《/CENTER》《font face="Verdana, Arial, Helvetica" size=2》《SCRIPT LANGUAGE="JavaScript"》《!-- Beginvar FKeyPad = document.forms;var Accum = "0";var FlagNewNum = false;var PendingOp = "";//===============================================================================// 浮点数精确计算// str1 - 第一个数// str2 - 第二个数// type - 运算符// precision - 小数位精度// longCount(str1,str2,type,precision);// 计算结果//===============================================================================function longCount(str1,str2,type) {var comma1 = 0;if (str1.indexOf(".")!=-1) {str1 = str1.replace(/0*$/,"");comma1 = str1.length - str1.indexOf(".")-1;}var comma2 = 0;if (str2.indexOf(".")!=-1) {str2 = str2.replace(/0*$/,"");comma2 = str2.length - str2.indexOf(".")-1;}str1 = str1.replace(/\./,"");str2 = str2.replace(/\./,"");var value,comma;if (type!="*") {if (comma1》comma2) {for (var i=0;i《comma1-comma2;i++) str2 += "0";comma = (type=="/")?0:comma1;}else {for (var i=0;i《comma2-comma1;i++) str1 += "0";comma = (type=="/")?0:comma2;}}else {comma = comma1 + comma2;}if (type=="+") {value = parseInt(str1,10) + parseInt(str2,10);}else if (type=="-") {value = parseInt(str1,10) - parseInt(str2,10);}else if (type=="*") {value = parseInt(str1,10) * parseInt(str2,10);}else if (type=="/") {value = parseInt(str1,10) / parseInt(str2,10);}value = String(value);if (comma》0) value = value.substring(0,value.length-comma)+"."+value.substring(value.length-comma,value.length);if (value.indexOf(".")!=-1)value = value.replace(/0*$/,"");return value;}function NumPressed (Num) {if (FlagNewNum) {FKeyPad.ReadOut.value = Num;FlagNewNum = false;}else {if (FKeyPad.ReadOut.value == "0")FKeyPad.ReadOut.value = Num;elseFKeyPad.ReadOut.value += Num;}}function Operation (Op) {var Readout = FKeyPad.ReadOut.value;if (FlagNewNum && PendingOp != "=");else{FlagNewNum = true;if ( ’+’ == PendingOp || ’-’ == PendingOp || ’/’ == PendingOp || ’*’ == PendingOp)Accum = longCount(Accum,Readout,PendingOp);elseAccum = Readout;FKeyPad.ReadOut.value = Accum;PendingOp = Op;FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();}}function Decimal () {var curReadOut = FKeyPad.ReadOut.value;if (FlagNewNum) {curReadOut = "0.";FlagNewNum = false;}else{if (curReadOut.indexOf(".") == -1)curReadOut += ".";}FKeyPad.ReadOut.value = curReadOut;}function ClearEntry () {FKeyPad.ReadOut.value = "0";FlagNewNum = true;}function Clear () {Accum = "0";PendingOp = "";ClearEntry();}function Neg () {alert(FKeyPad.ReadOut.value);FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,"-1","*");}function Percent () {FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,Accum,"*");FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,100,"/");}function goReturn() {top.returnValue = FKeyPad.ReadOut.value;self.close();}function CheckOut() {var keyCode = window.event.keyCode;if (keyCode》=48 && keyCode《=57) {if (FlagNewNum) {FKeyPad.ReadOut.value = "";//window.event.keyCode = null;FlagNewNum = false;}return true;}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {Operation(String.fromCharCode(keyCode));}else if (keyCode==46) {//.if (FKeyPad.ReadOut.value.indexOf(".") == -1)return true;}else if (keyCode==13) goReturn();window.event.returnValue = false;return false;}// End --》《/SCRIPT》《/body》《/html》

html网页计算器代码怎么写

我这里有一个现成的，自己再改一下吧（《HTML》《HEAD》《SCRIPT LANGUAGE = "JavaScript"》function calcu(){ var numb1= document.calc.num1.value; var numb2= document.calc.num2.value; var total= parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; } 《/SCRIPT》《script type="text/javascript" language="JavaScript1.2" src="menu.js"》《/script》《/HEAD》《BODY》《FORM name="calc"》《P》《BR》《font size="5"》会说话的QQ竞拍喽！《/fo 《BR》竟拍价? 《INPUT name="num2" TYPE="text" id="num2" value="120" size="15"》《BR》购买数量：《INPUT TYPE="text" name="num1" size="15"》《BR》预计总价：《INPUT name="result" TYPE="text" size="15"》《/P》《P》《INPUT name="getAnswer" TYPE="button" id="getAnswer" onClick="calcu()" value="计算看看"》《!--单机鼠标调《/P》《/FORM》《/BODY》《/HTML》）

html写一个计算器

首先要说明一点，纯html是不能计算器的，因为html是标记语言，不是编程语言，不能程序，要写计算器，还需要js代码，下面为全部代码：《html》《head》《title》计算器《/title》***隐藏网址***《/head》《body》《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》《/body》《/html》

HTML里面怎么设计做一个加减乘除的网页

这个需要知道javascript,这方面语言会吗？不会的话，帮你写一个了！

《!DOCTYPE html》《html》《head》《meta charset="utf-8" /》《title》计算器《/title》《/head》***隐藏网址***《script type="text/javascript"》$(function(){$("button").click(function(){var first = parseInt($("#first").val());//获取第一个数的值并转化为数字var second = parseInt($("#second").val());//获取第二个数的值并转化为数字var sum = 0;//定义结果值var symbol = parseInt($(":checked").val());//获取符号的值//通过对符号的判断计算结果switch(symbol){case 0:sum = first + second;break;case 1:sum = first - second;break;case 2:sum = first * second;break;case 3:sum = first / second;break;}var arr = ;//输出的符号$("h3 span").text(first + arr + second +" = " +sum);//把结果输出到结果栏中 })})《/script》《body》《h1》计算器《/h1》《p》数字一：《input type="text" id="first" style="width: 40px;" /》《/p》《p》《label》《input type="radio" name="symbol" value="0" checked="checked"/》+《/label》《label》《input type="radio" name="symbol" value="1" /》-《/label》《label》《input type="radio" name="symbol" value="2" /》*《/label》《label》《input type="radio" name="symbol" value="3" /》/《/label》《/p》《p》数字二：《input type="text" id="second" style="width: 40px;" /》《/p》《p》《button》计算《/button》《/p》《h3》结果：《span》《/span》《/h3》《/body》《/html》

帮我写一个网页计算器公式代码

写好了，代码如下，天气好冷啊！《!doctype html》《html》《head》《meta charset="utf-8"》《title》test《/title》《style》 input{ width: 33px; } #compute{ width: 50px; }《/style》《/head》《body》《div id="content"》 (《input id="num1" type="text"》* 《input id="num2" type="text"》)/ 《input id="num3" type="text"》+0.01= 《input id="result" type="text"》《input type="button" id="compute" value="计算"》《/div》《script》 var n1 = document.getElementById(’num1’); var n2 = document.getElementById(’num2’); var n3 = document.getElementById(’num3’); var rst = document.getElementById(’result’); var com = document.getElementById("compute"); com.addEventListener("click",function(){ if(n1.value.length == 0 ||n2.value.length == 0 ||n3.value.length == 0){ alert("请填写完毕再进行计算！"); return false; } if(n3.value == 0){ alert("除数不能为 0!"); return false; } var result = (n1.value*n2.value)/n3.value+0.01; rst.value = result; })《/script》《/body》《/html》

网页版计算器

***隐藏网址******隐藏网址***《head》***隐藏网址***《title》WEB计算器《/title》《!---计算器功能模块--》《script language="javascript" type="text/javascript" runat="server"》 var lingState="beStart"; //当前状态 var curOper="start"; //当前运算符 var num1=0; //初值 var num2=0; //初值 var subOper=false; // 是否刚刚单击过运算符 var upOper=false;//运算符的标签 var tnumber=false;//MR记住显示框的状态 var cM=false;//记住M启动 var xM=false;//记住按M+ var ms=false;//记住是否按MS var sk=false; var twonumber=false; var ss;//保存MS要保存的值 var sb=0; //数字键触发功能模块 function number(i) { if(subOper ) //表示在此之前刚刚单击过运算符或者刚刚单击过等号 { form.ipt.value=i; //把输入的值赋给文本框显示 subOper=false;//输入数后，点击了符号 lingState="beInteger"; } else { //表示正在进行或开始一个数字的输入 if(form.ipt.value=="0")//当文本显示框为0时，则把刚刚单击的数值赋给文本框 { form.ipt.value=i;//当符合条件则把单击的数值(this.value)赋予给显示框1 lingState="beInteger"; } else form.ipt.value += i;//当文本显示框不为0，则数值累加显示文本框 } if(curOper!="start")//判断是否单击过运算符 { num2=form.ipt.value; } // alert("初值num1的值"+num1);// alert("num2的值"+num2); //lingState="beStart"; //清除当前状态 upOper=true;//记住输入数字以便下面+号连+运算 tnumber=true;//记住有值 }/* + - * / *///结果运算模块 function sum() { if (curOper!="start")//判断是否单击按钮(符号为空 { switch(curOper) { case "+": //判断符号为+时执行+运算 num1= parseFloat(num1)+parseFloat(num2); //把第一次输入的值和第二次的值进行运算 break; case "-": //判断符号为-时执行+运算 num1= parseFloat(num1)-parseFloat(num2); break; case "*": //判断符号为*时执行+运算 num1= parseFloat(num1)*parseFloat(num2); break; case "/": //判断符号为/时执行+运算 if(num2=="0") { alert("除数不能为零"); } else{ num1= parseFloat(num1)/parseFloat(num2); } break; } form.ipt.value=num1;//把运算结果赋给显示框 } subOper=true;//输入数后，点击了符号 //curOper="start"; //清除当前符号状态 lingState="beStart";//清除当前状态 upOper=false;//=运算一次后记住避免再按+号又进行运算（清除当前符号状态 sk=true;} //常规符号运算功能模块 function allfhao(i) { subOper=true;//输入数后输入符号进行运算 if (curOper=="start")//实现连运算原理：当运行当前运算符时实现连运算 { num1=form.ipt.value; //把第一个数赋值给num1 curOper=i; //单击运算符用变量把运算符记住 tnumber=true; } else { if(upOper)//当upOper为真时则实现连运算 { sum();//当符合条件时调用结果运算实现连运算 } curOper=i;//单击运算符用变量把运算符记住 } upOper=false;//=运算一次后记住避免再按+号又进行运算（清除当前符号状态 lingState="beStart";//清除当前状态 // alert("符号num1的值"+num1); // alert("num2的值"+num2); }//小数点功能模块function point(){ if(form.ipt.value.indexOf(".")==-1) //判断是否有小数点，如果有就不显示如果没有那么进行下面的运算{ if(lingState=="beStart")//如果进行了等号运算但并没有小数点但单击了小数点则显示0.几 { form.ipt.value="0.";//当符合条件则显示框1 显示0. subOper=false;//输入数后，点击了符号 lingState="beFloat"; //让一个变量记住以输入小数点 } if(lingState=="beInteger" )//判断是否有数输入，如果有数数输入但不是接这等号运算则显示小数点 { form.ipt.value+=".";//当符合条件则显示小数点 lingState="beFloat";//用一个变量记住已经输入一个小数点，当下次输入由于值的改变则不能输入，起到只能输入一个小数点的功能 } }}//全部清除功能模块 C CE Backspace function cleaktext(i) { switch(i) { case"C"://清除C form.ipt.value="0"; //清除文本框内的内容 lingState="beStart"; //清除当前状态 curOper="start"; //清除当前符号状态 subOper=false; // 是否刚刚单击过运算符 upOper=false;//运算符的标签 num1=0; num2=0; break; case"CE": //清除CE form.ipt.value="0"; //清除文本框内的内容 break; case"Backspace": //推格删除 if(cM=false)//如果启动MR那么不能实现推格功能 { if(upOper) { if (form.ipt.value.length》1) { form.ipt.value=form.ipt.value.substring(0,form.ipt.value.length-1); //运用substring取字符串方法将返回一个包含从原始对象中获得的子字符串的 String 对象。使用 start 和 end 两者的较小值作为子字符串的起始点。 } else { form.ipt.value="0";//一个一个删除 } } break; } } }/* % 1/x sqrt +/- pi */ //全部的特殊符号运算模块 function alltx(i) { switch(i) { case "%"://%运算 form.ipt.value=form.ipt.value/100; num2=form.ipt.value; break; case "1/x": if(form.ipt.value=="0"){ form.ipt.value="除数不能为零。"; } else { form.ipt.value=1/form.ipt.value; num2=form.ipt.value; } break; case "sqrt"://开方 form.ipt.value=Math.sqrt(form.ipt.value); //math对象开方运算 num2=form.ipt.value; break; case "+/-"://+/-运算符负号运算 if(upOper)//当运行了符号则不能按负号 { form.ipt.value=0-form.ipt.value; num2=form.ipt.value; } else{ form.ipt.value="0"; } break; case "pi": form.ipt.value="3.1415926"; num2=form.ipt.value; break; case "sin": form.ipt.value=Math.sin(form.ipt.value); num2=form.ipt.value; break; case "cos": form.ipt.value=Math.sin(form.ipt.value); num2=form.ipt.value; break; case "tan": form.ipt.value=Math.sin(form.ipt.value); num2=form.ipt.value; break; } }//全部M系列功能模块function checkallM(i){ switch(i){ case"M+"://启动M系列功能模块 if(form.ipt.value!="0" && ms==false) { form.ipt1.value="M";//在显示框2显示M以告知用户以启动M系列功能 sm=form.ipt.value; } if(form.ipt1.value=="M" && ms!=false) { sm=eval(ss+’+’+form.ipt.value);//MR保存的值提取实现M+功能 } xM=true; //记住单击过M+ 以便MR操作 break; case "MS"://启用M系列功能启动记忆功能（记忆上一次计算结果） ss=form.ipt.value;// 把显示框结果给SS保存（予以MR提取 if(form.ipt.value=="0")//当显示框1显示结果为0时单击MS时也可以清除显示框2 M功能 { form.ipt1.value="";//清除显示框2 M } if(form.ipt.value!="0") { form.ipt1.value="M"; } ms=true; //记住单击过Ms 以便MR操作 (看是否赋+运算后的值还是当前值 break; case "MR"://提取MS保存数值功能 if(xM)//是否单击m+ { if(form.ipt1.value=="M" )//当启动M功能时 MR才能起到保存提取的功能 { form.ipt.value=sm;//当条件符合则把MS保存的值并实现M+功能 } else if(subOper || tnumber){//没有启动M功能则清除显示框 form.ipt.value="0"; } } // else{ form.ipt.value=ss;} break; case "MC": // 清除M显示框中M系列的功能 form.ipt1.value="";//清空显示框2的 M功能 xM=false; ms=false; break;}cM=true; lingState="beStart";//清除当前状态}//onLoad="setStart()"《/script》《style type="text/css" 》 #c{ width:320px; height:270px; border:#666666 5px groove; background-color:#ECE9D8 } #ipts{ margin:5px 5px 3px 5px; text-align:right; width:270px} #s{ margin:7px 5px 6px 5px; height:200px} .bt{ width:30px; height:30px; background-color:#ECE9D8; border:solid 1px #C8C6B0} .bt2{width:75px; height:30px; color:#F00; background-color:#ECE9D8; border:solid 1px #C8C6B0;} .bt3{width:20px; height:20px; text-align:center;} .wz{ font-size:12px} 《/style》《/head》《body 》《!---隐藏层--》《div id="s"》《FORM METHOD=POST ACTION="" name="form"》《div id="c"》《table width="98%" height="268" border="0" align="center" cellpadding="0"》《tr》《td height="19" colspan="7"》《table width="294" border="0" cellpadding="0" cellspacing="0" 》《tr》《td class="wz" width="12" height="19"》《/td》《td class="wz" width="47"》(E)《/td》《td class="wz" width="49"》查看(V)《/td》《td class="wz" width="186"》帮助(H)《/td》《/tr》《/table》《/td》《/tr》《tr》《td height="29" colspan="7"》《div id="ipts"》《input name="ipt" type="text" id="ipts" value="0" size="40" maxlength="20" readonly="readonly" /》《/div》《/td》《/tr》《!-- ipt1 Backspace CE C --》《tr》《td height="38" colspan="7" align="center"》《table width="100%" border="0" cellspacing="0" cellpadding="0"》《tr》《td width="14%" align="center"》《input name="ipt1" type="text" disabled="disabled" class="bt3" size="1" maxlength="0" /》《/td》《td width="86%" align="center"》《table width="97%" border="0" cellspacing="0" cellpadding="0"》《tr》《td align="center"》《input name="button23" type="button" class="bt2" id="button23" style="color:#00F" value="Backspace" onclick="cleaktext(this.value)"/》《/td》《td align="center"》《input style="color:#00F" name="button21" type="button" class="bt2" id="button20" value="CE" onclick="cleaktext(this.value)"/》《/td》《td align="center"》《input style="color:#00F" name="button20" type="button" class="bt2" id="button21" value="C" onclick="cleaktext(this.value)"/》《/td》《/tr》《/table》《/td》《/tr》《/table》《/td》《/tr》《!-- MC 7 8 9 / sqrt --》《tr》《td width="16%" align="center"》《table width="99%" height="162" border="0"》《tr》《td height="35" align="center"》《input style="color:#F00" type="button" value="MC" class="bt" onclick="checkallM(this.value)"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button1" type="button" class="bt" id="button1" value="7" onclick="number(this.value)" /》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button2" type="button" class="bt" id="button2" value="8" onclick="number(this.value)" /》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button3" type="button" class="bt" id="button3" value="9" onclick="number(this.value)"/》《/td》《td width="13%" align="center"》《input style="color:#F00" name="button4" type="button" class="bt" id="button4" value="/" onclick="allfhao(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button5" type="button" class="bt" id="button5" value="sqrt" onclick="alltx(this.value)"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button24" type="button" class="bt" id="button24" value="sin" onclick="alltx(this.value)"/》《/td》《/tr》《!-- MR 4 5 6 * % --》《tr》《td width="13%" height="39" align="center"》《input style="color:#F00" type="button" value="MR" class="bt" onclick="checkallM(this.value)"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button6" type="button" class="bt" id="button6" value="4" onclick="number(this.value)" /》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button7" type="button" class="bt" id="button7" value="5" onclick="number(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button8" type="button" class="bt" id="button8" value="6" onclick="number(this.value)"/》《/td》《td width="13%" align="center"》《input style="color:#F00" name="button9" type="button" class="bt" id="button9" value="*" onclick="allfhao(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button10" type="button" class="bt" id="button10" value="%" onclick="alltx(this.value)"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button25" type="button" class="bt" id="button25" value="cos" onclick="alltx(this.value)"/》《/td》《/tr》《!-- MS 1 2 3 - 1/x --》《tr》《td width="13%" height="38" align="center"》《input style="color:#F00" type="button" value="MS" class="bt" onclick="checkallM(this.value)" /》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button11" type="button" class="bt" id="button11" value="1" onclick="number(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button12" type="button" class="bt" id="button12" value="2" onclick="number(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button13" type="button" class="bt" id="button13" value="3" onclick="number(this.value)"/》《/td》《td width="13%" align="center"》《input style="color:#F00" name="button14" type="button" class="bt" id="button14" value="-" onclick="allfhao(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button15" type="button" class="bt" id="button15" value="1/x" onclick="alltx(this.value)"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button26" type="button" class="bt" id="button26" value="tan" onclick="alltx(this.value)"/》《/td》《/tr》《!-- M+ 0 +/- . + = --》《tr》《td width="13%" height="38" align="center"》《input style="color:#F00" type="button" value="M+" class="bt" onclick="checkallM(this.value)"/》《/td》《td width="16%" height="38" align="center"》《input style="color:#00F" name="button16" type="button" class="bt" id="button16" value="0" onclick="number(this.value)"/》《/td》《td width="14%" height="38" align="center"》《input style="color:#00F" name="button17" type="button" class="bt" id="button17" value="+/-" onclick="alltx(this.value)"/》《/td》《td width="14%" align="center"》《input style="color:#00F" name="button18" type="button" class="bt" id="button18" value="." onclick="point()"/》《/td》《td width="13%" align="center"》《input style="color:#F00" name="button19" type="button" class="bt" id="button19" value="+" onclick="allfhao(this.value)" /》《/td》《td width="14%" align="center"》《input style="color:#F00" name="button22" type="button" class="bt" id="button22" value="=" onclick="sum()"/》《/td》《td width="16%" align="center"》《input style="color:#00F" name="button27" type="button" class="bt" id="button27" value="pi" onclick="alltx(this.value)"/》《/td》《/tr》《/table》《/td》《/tr》《/table》《/div》《/FORM》《/div》《/body》《/html》

网页计算器html代码（利用JavaScript脚本语言编写一个简单的“网页计算器”）