快捷導(dǎo)航

javascript簡(jiǎn)單計(jì)算器可美化

更新時(shí)間：2011年10月19日 00:10:23 作者：

javascript簡(jiǎn)單計(jì)算器可美化，需要的朋友可以測(cè)試下。參考下實(shí)現(xiàn)原理。

JS計(jì)算器代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript簡(jiǎn)單計(jì)算器</title>  </head> <body> <form name="calc"> <table border="1"> <td colspan="4"><input type="text" name="expr" size="30" action="compute(this.form)" /></td> <tr> <td><input type="button" value=" 7 " onclick="enter(this.form,seven)" /></td> <td><input type="button" value=" 8 " onclick="enter(this.form,eight)" /></td> <td><input type="button" value=" 9 " onclick="enter(this.form,nine)" /></td> <td><input type="button" value=" / " onclick="enter(this.form,divide)" /></td> </tr> <tr> <td><input type="button" value=" 4 " onclick="enter(this.form,four)" /></td> <td><input type="button" value=" 5 " onclick="enter(this.form,five)" /></td> <td><input type="button" value=" 6 " onclick="enter(this.form,six)" /></td> <td><input type="button" value=" * " onclick="enter(this.form,multiply)" /></td> </tr> <tr> <td><input type="button" value=" 1 " onclick="enter(this.form,one)" /></td> <td><input type="button" value=" 2 " onclick="enter(this.form,two)" /></td> <td><input type="button" value=" 3 " onclick="enter(this.form,three)" /></td> <td><input type="button" value=" - " onclick="enter(this.form,minus)" /></td> </tr> <tr> <td colspan="2"><input type="button" value=" 0 " onclick="enter(this.form,zero)" /></td> <td><input type="button" value=" . " onclick="enter(this.form,decimal)" /></td> <td><input type="button" value=" + " onclick="enter(this.form,plus)" /></td> </tr> <tr> <td colspan="2"><input type="button" value=" = " onclick="compute(this.form)" /></td> <td colspan="2"><input type="button" value="AC" onclick="form.reset()"/></td> </tr> </table> </form> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

說明：

JavaScript eval() 函數(shù)
定義和用法
eval() 函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的的 JavaScript 代碼。

返回值
通過計(jì)算 string 得到的值（如果有的話）。

說明
該方法只接受原始字符串作為參數(shù)，如果 string 參數(shù)不是原始字符串，那么該方法將不作任何改變地返回。因此請(qǐng)不要為 eval() 函數(shù)傳遞 String 對(duì)象來作為參數(shù)。

如果試圖覆蓋 eval 屬性或把 eval() 方法賦予另一個(gè)屬性，并通過該屬性調(diào)用它，則 ECMAScript 實(shí)現(xiàn)允許拋出一個(gè) EvalError 異常。

拋出
如果參數(shù)中沒有合法的表達(dá)式和語句，則拋出 SyntaxError 異常。

如果非法調(diào)用 eval()，則拋出 EvalError 異常。

如果傳遞給 eval() 的 Javascript 代碼生成了一個(gè)異常，eval() 將把該異常傳遞給調(diào)用者。

提示和注釋
提示：雖然 eval() 的功能非常強(qiáng)大，但在實(shí)際使用中用到它的情況并不多。

您可能感興趣的文章: