日期:2014-05-16 浏览次数:20304 次
<!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='';}">