日期:2014-05-16 浏览次数:20394 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>计算三角形面积</title></head>
<body>
<script language="javascript">
function rec(form) {
var a = parseInt(form.abian.value);
var b = parseInt(form.bbian.value);
var c = parseInt(form.cbian.value);
alert(a + b + c);
var d=(a+b+c)/2;
form.mianji.value=Math.sqrt(d*(d-a)*(d-b)*(d-c));
}
</script>
<form>
<h1>三角形面积</h1>
边长
<input type="text" name="abian"><br>
边长
<input type="text" name="bbian"><br>
边长
<input type="text" name="cbian"><br>
面积
<input name="button" type="button" onclick="rec(this.form)" value="面积"><br>
<input type="text" name="mianji"><br>
</form>
</body>
</html>
------解决方案--------------------
最好再加上一些限制。。限制文本框只能输入数字。。。面积那个文本框不能修改。。这样就更好了
限制输入数字:
<input type="text" name="abian" onchange="if(/[^\d]/.test(this.value)){this.value='';}">