<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>javascript测试</title>
<script type="text/javascript" language="javascript">
var n1 = '', n2 = '';
var item1_flag = true; //默认设置为第一运算符
var opr_type = '+'; //运算符默认是加号
//设置初始值函数
function SetVal(item) {
document.Cal.OutText.value += item;//字符串的连接
if (item1_flag) {
n1 += item;
}
else
n2 += item;
}
//再输入框中输入运算符
function SetOpr(opr) {
document.Cal.OutText.value += opr;
item1_flag = false
opr_type = opr;
}
//清屏函数
function Clear() {
document.Cal.OutText.value = "";
item1_flag = true;
opr_type = '+';
n1 = '';
n2 = '';
}
//计算表达式的值
function Compute(obj) {
var Result;
if ((n1 != '') && (n2 != '')) {
if ((eval(n2) == 0) && (opr_type == '/')) {
alert('除数不能为0！');
Clear();
return;
}
else {
Result = eval(obj.OutText.value);
document.Cal.OutText.value += '=';
document.Cal.OutText.value += Result;
}
}
}
</script>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
<form name="Cal" action="#" >
<input type="text" value="" name="OutText" /><br /><br />
<input type="button" class="button1" value="0" />
<input type="button" class="button1" value="1" />
<input type="button" class="button1" value="2" />
<input type="button" class="button1" value="3" /><br /><br />
<input type="button" class="button1" value="4" />
<input type="button" class="button1" value="5" />
<input type="button" class="button1" value="6" />
<input type="button" class="button1" value="7" /><br /><br />
<input type="button" class="button1" value="8" />
<input type="button" class="button1" value="9" />
<input type="button" class="button1" value="+" />
<input type="button" class="button1" value="-" /><br /><br />
<input type="button" class="button1" value="*" />
<input type="button" class="button1" value="/" />
<input type="button" class="button1" value="CE" />
<input type="button" class="button1" value="=" onclick="Compute(this.form)" />
</form>
</div>
</body>
</html>
本文转自蓬莱仙羽51CTO博客，原文链接：http://blog.51cto.com/dingxiaowei/1366610，如需转载请自行联系原作者