功能很全的精品JS计算器

337 阅读 0 评论 223 点赞

我是靠谱客的博主刻苦自行车，这篇文章主要介绍功能很全的精品JS计算器，现在分享给大家，希望可以做个参考。

<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>

<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计算器的全部内容，更多相关功能很全内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(223)

本文分类：JavaScript
浏览次数：337 次浏览
发布日期：2022-04-09 00:28:03
本文链接：https://www.kaopuke.com/article/k-p-k_12_u_7_o_22_f3_12__7__10__27_.html

相关文章

Photoshop设计制作时尚印刷版效果文艺海报

Photoshop设计制作时尚印刷版效果文艺海报

asp 去掉html中的table正则代码函数

asp 去掉html中的table正则代码函数

JS实现仿微博可关闭弹出层效果

JS实现仿微博可关闭弹出层效果

Illustrator绘制一只飞翔的海鸥

Illustrator绘制一只飞翔的海鸥

功能很全的精品JS计算器

Python发送form-data请求及拼接form-data内容的方法

Python发送form-data请求及拼接form-data内容的方法

持之以恒的网站推广和日常更新

找不到笔记本无线网络连接怎么办笔记本没有无线网络连

找不到笔记本无线网络连接怎么办笔记本没有无线网络连

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部