<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style type="text/css">
#adiv {
left:500px;
top:100px;
background:#FF0000
}
</style>
<div id="adiv" >
请输入a的值：<input type="text" id="aaa" size="20" /><br>
请输入b的值：<input type="text" id="bbb" size="20" /><br><br><br>
<input type="button" value="开始计算" onclick="cal();"/>
</div>
</html>
<script>
//以上的<input type="text" id="aaa" size="20" />,意思是指这里有个文本框，这框有个唯一的身份，调用到aaa，这框的长为20。<br>是换行的意思。
//还有<input type="button" value="开始计算" onclick="cal();"/>是指这里有个按钮,
//function是运行函数,函数只是一种过程的统称.
//这里的cal我设置为加法程序。
//下面的var a=document.getElementById("aaa").value;的var是声明定义初值,声明定义变量. 整句说明aaa是个数值,能被ID引用,这就是a的定义变量(初值).
//下面var c=parseInt(a) + parseInt(b); 就是c等于a与b的和,parseInt()是数据转换整数.parseInt(b)前面的"+"就是数学加号,求和.
//alert("a+b="+ c)是弹出对话框，引号中间的部分直接显示,+c就是显示以上一句,C的定义.+号却不显示.
function cal(){
var a=document.getElementById("aaa").value;
var b=document.getElementById("bbb").value;
var c=parseInt(a) + parseInt(b);
alert("a+b="+ c);
}
</script>
posted on 2008-12-06 23:29
..゛緣々ゞ 阅读(156)
评论(0) 编辑 收藏 引用