功能很全的精品JS计算器- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 功能很全的精品JS计算器

Javascript: 比较精简的Javascript拖动效果函数代码; 一个可以得到元素真实的背景颜色的javascript脚本; 代码精简的可以实现元素圆角的js函数; 用JS实现的一个include函数; IE 缓存策略的BUG的解决方法; $()JS小技巧; js右键菜单效果代码; XML的代替者----JSON; 清空代码防止查看源代码的js代码; 一个JS翻页效果; 用js获取点击图片的值!; 用innerHTML　＆符号副值给文本框后会变成＆amp;的方法; 让iframe自适应高度（支持XHTML，支持FF）; dsfasdfasdf; 用ASP将SQL搜索出来的内容导出为TXT的代码; 弹出广告特效(一个IP只弹出一次)的代码; javascript实现的动态文字变换; 服务器安全设置的几个注册表设置; 取键盘键位ASCII码的网页; 用倒置滤镜把div倒置，再把table倒置。

No. « ‹ 75 76 77 78 › »

技术文章搜索

关键字

Javascript 中的功能很全的精品JS计算器

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 150 ::

收藏到网摘: n/a

用Javascript读取中文COOKIE的解决办法永不消失的title提示代码

点击运行可以看到效果:

<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> 　 <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 全选提示:你可先修改部分代码,再按运行]

用Javascript读取中文COOKIE的解决办法永不消失的title提示代码

Javascript 中的 功能很全的精品JS计算器

评论 (0) All

Javascript 中的功能很全的精品JS计算器