<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML > <html> <head> <title>雨点的名字</title> <style type="text/css"> input{ width:50px; } </style> </head> <script> function calc(){ var form1 =document.forms["form1"]; var x=form1["x"].value; //获取form1表单中name属性为x的值,又一种方法（其实[]和.是有点不同的这里不细讲） var y=form1["y"].value; var z=parseInt(x)+parseInt(y); //parseInt(x)类型转换，把String转成int var result=form1["result"]; //得到元素 result.value=z; //value这里插入value值，不是用innerHTML，他们的使用类型不同 } </script> <body> <form action=" " method="post"> <input type="text"name="x"/>+<input type="text"/>=<input type="text"/><br/> <input type="button" value="计算" /> <!-- onclick监听事件改编属性 --> </form> </body>
运行结果如下：
