功能很全的精品JS计算器

所属分类：网络编程 / JavaScript 阅读数： 1344

收藏 0赞 0分享

<HTML><HEAD><TITLE>网页特效|XFBBS.Com|---功能很全的精品计算器</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <META http-equiv=Content-Language content=zh-cn> <META http-equiv=Page-Enter content=blendTrans(Duration=0.5)> <META http-equiv=Page-Exit content=blendTrans(Duration=0.5)> <STYLE type=text/css>P {  FONT-SIZE: 9pt; FONT-FAMILY: "Verdana" } TD {  FONT-SIZE: 9pt; LINE-HEIGHT: normal } A {  FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #326969; TEXT-DECORATION: none } A:hover {  FONT-SIZE: 9pt; LEFT: 1px; COLOR: #0000ff; POSITION: relative; TOP: 1px; TEXT-DECORATION: none } BODY {  FONT-SIZE: 9pt; CURSOR: url('body.cur'); SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cde0c2 } .diary_tb {  WIDTH: 100%; WORD-BREAK: break-all; FONT-FAMILY: "Verdana","宋体"; POSITION: relative; TEXT-ALIGN: center; WORD-WRAP: break-word } .diary_main {  TABLE-LAYOUT: fixed; BACKGROUND-POSITION: left top; FONT-SIZE: 12px; COLOR: #005782; WORD-BREAK: break-all; LINE-HEIGHT: 24px; FONT-FAMILY: "宋体"; LINE-BREAK: strict; HEIGHT: 2px; TEXT-ALIGN: left } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <CENTER> <TABLE id=AutoNumber2 style="BORDER-COLLAPSE: collapse" borderColor=#808080  cellSpacing=0 cellPadding=0 width=760 border=0> </TABLE> <SCRIPT language=javascript>    </SCRIPT> <DIV align=center> <CENTER> <TABLE id=AutoNumber2 style="BORDER-COLLAPSE: collapse" borderColor=#808080  cellSpacing=0 cellPadding=0 width=760 border=0>   <TBODY>   <TR>     <TABLE id=AutoNumber5 style="BORDER-COLLAPSE: collapse"        borderColor=#808080 height=30 cellSpacing=0 cellPadding=0 width="93%"        border=0>         <TBODY>           <TD align=middle width="100%" bgColor=#dbe8d2 height=30>             <P>　             <DIV align=center>             <FORM name=calc>             <TABLE height=250 width=500 border=0>               <TBODY>               <TR>                 <TD bgColor=#ecf4ec height=50>                   <TABLE width=500>                     <TBODY>                     <TR>                       <TD width=486>                         <DIV align=center><INPUT readOnly                          size=67 value=0                    name=display></DIV></TD></TR></TBODY></TABLE></TD></TR>               <TR>                 <TD bgColor=#ecf4ec>                   <TABLE width=500>                     <TBODY>                     <TR>                       <TD width=290><INPUT                          onclick=inputChangCarry(16) type=radio name=carry> 十六进制                          <INPUT onclick=inputChangCarry(10) type=radio CHECKED                          name=carry> 十进制 <INPUT onclick=inputChangCarry(8)                          type=radio name=carry> 八进制 <INPUT                          onclick=inputChangCarry(2) type=radio name=carry> 二进制                          </TD>                       <TD></TD>                       <TD width=135><INPUT                          onclick="inputChangAngle('d')" type=radio CHECKED                          value=d name=angle> 角度制 <INPUT                          onclick="inputChangAngle('r')" type=radio value=r                          name=angle> 弧度制 </TD></TR></TBODY></TABLE>                   <TABLE width=500>                     <TBODY>                     <TR>                       <TD width=170><INPUT                          onclick=inputshift() type=checkbox value=ON                          name=shiftf>上档功能 <INPUT onclick=inputshift()                          type=checkbox value=ON name=hypf>双曲函数 </TD>                       <TD><INPUT                          style="BACKGROUND-COLOR: lightgrey" readOnly size=3                          name=bracket> <INPUT style="BACKGROUND-COLOR: lightgrey"                          readOnly size=3 name=memory> <INPUT                          style="BACKGROUND-COLOR: lightgrey" readOnly size=3                          name=operator> </TD>                       <TD width=183><INPUT style="COLOR: red" onclick=backspace() type=button value=" 退格 ">  <INPUT style="COLOR: red" onclick="document.calc.display.value = 0 " type=button value=" 清屏 ">  <INPUT style="COLOR: red" onclick=clearall() type=button value=" 全清">                          </TD></TR></TBODY></TABLE>                   <TABLE width=500>                     <TBODY>                     <TR>                       <TD>                         <TABLE>                           <TBODY>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" onclick="inputfunction('pi','pi')" type=button value=" PI " name=pi>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputfunction('e','e')" type=button value=" E  " name=e>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('dms','deg')" type=button value=d.ms name=bt>                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: #ff00ff" onclick=addbracket() type=button value=" (  ">                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick=disbracket() type=button value=" )  ">                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('ln','exp')" type=button value=" ln " name=ln>                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputtrig('sin','arcsin','hypsin','ahypsin')" type=button value="sin " name=sin>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="operation('^',7)" type=button value="x^y ">                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('log','expdec')" type=button value="log " name=log>                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputtrig('cos','arccos','hypcos','ahypcos')" type=button value="cos " name=cos>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('cube','cubt')" type=button value="x^3 " name=cube>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('!','!')" type=button value=" n! ">                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputtrig('tan','arctan','hyptan','ahyptan')" type=button value="tan " name=tan>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('sqr','sqrt')" type=button value="x^2 " name=sqr>                                </TD>                             <TD><INPUT style="COLOR: #ff00ff" onclick="inputfunction('recip','recip')" type=button value="1/x ">                                </TD></TR></TBODY></TABLE></TD>                       <TD width=30></TD>                       <TD>                         <TABLE>                           <TBODY>                           <TR>                             <TD><INPUT style="COLOR: red" onclick=putmemory() type=button value=" 储存 ">                                </TD></TR>                           <TR>                             <TD><INPUT style="COLOR: red" onclick=getmemory() type=button value=" 取存 ">                                </TD></TR>                           <TR>                             <TD><INPUT style="COLOR: red" onclick=addmemory() type=button value=" 累存 ">                                </TD></TR>                           <TR>                             <TD><INPUT style="COLOR: red" onclick=multimemory() type=button value=" 积存 ">                                </TD></TR>                           <TR>                             <TD height=33><INPUT style="COLOR: red" onclick=clearmemory() type=button value=" 清存 ">                                </TD></TR></TBODY></TABLE></TD>                       <TD width=30></TD>                       <TD>                         <TABLE>                           <TBODY>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('7')" type=button value=" 7 " name=k7>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('8')" type=button value=" 8 " name=k8>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('9')" type=button value=" 9 " name=k9>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('/',6)" type=button value=" / ">                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('%',6)" type=button value=取余>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('&',3)" type=button value=" 与 ">                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('4')" type=button value=" 4 " name=k4>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('5')" type=button value=" 5 " name=k5>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('6')" type=button value=" 6 " name=k6>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('*',6)" type=button value=" * ">                                </TD>                             <TD><INPUT style="COLOR: red" onclick="inputfunction('floor','deci')" type=button value=取整 name=floor>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('|',1)" type=button value=" 或 ">                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('1')" type=button value=" 1 ">                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('2')" type=button value=" 2 " name=k2>                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('3')" type=button value=" 3 " name=k3>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('-',5)" type=button value=" - ">                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('<',4)" type=button value=左移>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="inputfunction('~','~')" type=button value=" 非 ">                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('0')" type=button value=" 0 ">                                </TD>                             <TD><INPUT style="COLOR: blue" onclick=changeSign() type=button value=+/->                                </TD>                             <TD><INPUT style="COLOR: blue" onclick="inputkey('.')" type=button value=" . " name=kp>                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('+',5)" type=button value=" + ">                                </TD>                             <TD><INPUT style="COLOR: red" onclick=result() type=button value=" ＝ ">                                </TD>                             <TD><INPUT style="COLOR: red" onclick="operation('x',2)" type=button value=异或>                                </TD></TR>                           <TR align=middle>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('a')" type=button value=" A " name=ka>                                </TD>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('b')" type=button, value=" B " name=kb>                                </TD>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('c')" type=button value=" C " name=kc>                                </TD>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('d')" type=button value=" D " name=kd>                                </TD>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('e')" type=button value=" E　" name=ke>                                </TD>                             <TD><INPUT style="COLOR: blue" disabled onclick="inputkey('f')" type=button value=" F　" name=kf>                                </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM></DIV>             </CENTER></BODY></HTML>

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

更多精彩内容其他人还在看

功能很全的精品JS计算器

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和proto的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

功能很全的精品JS计算器

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和__proto__的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

浅谈javascript中的prototype和proto的理解