<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode31'));"><u>复制代码</u></span></div>代码如下:</div> <div class="msgborder" id="phpcode31"> <br> <br> <br><meta name="content-type" content="text/html; charset=UTF-8"> <br> <br><title>Calculator</title> <br><!--将按键内容以字符串形式存储在文字框中当按钮为“=”时,调用eval方法计算结果然后将结果输出文字框中--> <br><script type="text/javascript"> <br />var numresult; <br />var str; <br />function onclicknum(nums) { <br />str = document.getElementById("nummessege"); <br />str.value = str.value + nums; <br />} <br />function onclickclear() { <br />str = document.getElementById("nummessege"); <br />str.value = ""; <br />} <br />function onclickresult() { <br />str = document.getElementById("nummessege"); <br />numresult = eval(str.value); <br />str.value = numresult; <br />} <br /></script> <br> <br> <br><!--定义按键表格,每个按键对应一个事件触发--> <br><table border="1" align="center" bgcolor="#bbff77"></table>style="height: 350px; width: 270px"> <br><tr> <br><td colspan="4"> <br><input type="text" id="nummessege">style="height: 90px; width: 350px; font-size: 50px" /> <br> </td> <br> </tr> <br><tr> <br><td> <br><input type="button" value="1" id="1" onclick="onclicknum(1)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="2" id="2" onclick="onclicknum(2)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="3" id="3" onclick="onclicknum(3)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="+" id="add" onclick="onclicknum('+')">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br> </tr> <br><tr> <br><td> <br><input type="button" value="4" id="4" onclick="onclicknum(4)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="5" id="5" onclick="onclicknum(5)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="6" id="6" onclick="onclicknum(6)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="-" id="sub" onclick="onclicknum('-')">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br> </tr> <br><tr> <br><td> <br><input type="button" value="7" id="7" onclick="onclicknum(7)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="8" id="8" onclick="onclicknum(8)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="9" id="9" onclick="onclicknum(9)">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="*" id="mul" onclick="onclicknum('*')">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br> </tr> <br><tr> <br><td colspan="2"> <br><input type="button" value="0" id="0" onclick="onclicknum(0)">style="height: 70px; width: 190px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="." id="point" onclick="onclicknum('.')">style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br><td> <br><input type="button" value="/" id="division">onclick="onclicknum('/')" <br>style="height: 70px; width: 90px; font-size: 35px"> <br> </td> <br> </tr> <br><tr> <br><td colspan="2"> <br><input type="button" value="Del" id="clear">onclick="onclickclear()" <br>style="height: 70px; width: 190px; font-size: 35px" /> <br> </td> <br><td colspan="2"> <br><input type="button" value="=" id="result">onclick="onclickresult()" <br>style="height: 70px; width: 190px; font-size: 35px" /> <br> </td> <br><br> </tr> <br><br> <br> <br> <br> </div> <br><img src="http://files.jb51.net/file_images/article/201409/201409031736224.gif?201483173635" alt="">