新的学期开始了。作为新学期开始的起点,下面给大家呈现两个小程序,请大家多多指教:
1) 计算器
<!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>10-php简单计算器</title>
</head>
<script language="javascript" type="text/javascript">
/*分析步骤
1、排版布局
2、获取用户输入的内容
3、用户输入的内容进行计算
4、把计算的结果显示在文本框
*/
var clearFlag=false;
function getNum(num){
var objresult = document.getElementById("result");
if(clearFlag){
objresult.value="";
clearFlag=false;
}
objresult.value+=num;
}
function getResult(){
var objr2 = document.getElementById("result");
objr2.value=objr2.value+"="+eval(objr2.value);
clearFlag=true;
}
</script>
<body>
<table border="1" width="250" border="0">
<caption>计算器的应用</caption>
<tr>
<td colspan="4"><input type="text" name="result" ></td>
</tr>
<tr>
<td><input type="button" value=" 1 " οnclick="getNum(1)"></td>
<td><input type="button" value=" 2 " οnclick="getNum(2)"></td>
<td><input type="button" value=" 3 " οnclick="getNum(3)"></td>
<td><input type="button" value=" + " οnclick="getNum('+')"/></td>
</tr>
<tr>
<td><input type="button" value=" 4 " οnclick="getNum(4)"></td>
<td><input type="button" value=" 5 " οnclick="getNum(5)"></td>
<td><input type="button" value=" 6 " οnclick="getNum(6)"></td>
<td><input type="button" value=" - " οnclick="getNum('-')"></td>
</tr>
<tr>
<td><input type="button" value=" 7 " οnclick="getNum(7)"></td>
<td><input type="button" value=" 8 " οnclick="getNum(8)"></td>
<td><input type="button" value=" 9 " οnclick="getNum(9)"></td>
<td><input type="button" value=" * " οnclick="getNum('*')"></td>
</tr>
<tr>
<td><input type="button" value=" 0 " οnclick="getNum(0)"></td>
<td><input type="button" value=" . " οnclick="getNum('.')"></td>
<td><input type="button" value=" = " οnclick="getResult('=')"></td>
<td><input type="button" value=" / " οnclick="getNum('/')"></td>
</tr>
</table>
</body>
</html>
2) 验证非法字符
<!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>非法字符的简单检测</title>
<script language="javascript" type="text/javascript">
function getCheck(){
var cha=document.getElementById("name").value;
var patrn=/^[A-Za-z0-9_]/;
if(patrn.test(cha)){
alert("输入的字符合法");
return true;
}else{
alert("/您输入的字符不合法!");
return false;
}
}
</script>
</head>
<body>
用户名:
<input type="text" id="name" name="name" />
<input type="button" name="check" value="检测" οnclick="getCheck()">
</body>
</html>