function maxNum()
{
//获取两个文本框的值
var x = document.getElementById("num1").value
var y = document.getElementById("num2").value
//强制转换为数值型
x = parseFloat(x)
y = parseFloat(y)
if(x<y)
{
alert("最大数是："+y)
}
else
{
alert("最大数是："+x)
}
}
</script>
第一个数是：<input type="text" id="num1"/><br/>
第二个数是：<input type="text" id="num2"/><br/>
<input type="button" onclick="maxNum()" value="计算"/>
</body>
分析：
这一个程序非常简单，但是包含的信息量不少。
document.getElementById()类似于CSS中的id选择器，而document.getElementById("num1").value表示选取id为num1的元素并获取它的值。这个方法经常用到，大家要记一下。我们在后续课程会给大家详细讲解。
这里用到了函数调用的其中一个方式“在事件中调用函数”。<input type="button" onclick="maxNum()"/>表示在按钮点击的时候执行函数maxNum()。
此外，还有一点要注意的是：有些同学呀，在定义这个函数的时候定义的函数名是max，然后发现出错了！oh~，其实那是你忽略了很基础的一点，那就是自己定义的函数名是不能与JavaScript内部定义的函数名相同。
思路：使用value属性获取前两个度文本问框的值，转换为数字相加后，使用value属性设置第三答个文本框的值。示例如下：回
1、HTML结构
<input id="add1" type="text"/> + <input id="add2" type="text"/> = <input id="sum" type="text"/>
2、javascript代码
window.onload = function(){ var inputs = document.getElementsByTagName("input") for(i=0i<inputs.lengthi++){ 答inputs[i].onblur = function(){ var add1 = document.getElementById("add1").value var add2 = document.getElementById("add2").value document.getElementById("sum").value = add1*1 + add2*1 } }}
3、效果演示
