默默28
2016-05-26 15:29
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math </title>
<script type="text/javascript">
function mathf(){
var num1,num2,num;
num1 = document.getElementById("num1").value;
num2 = document.getElementById("num2").value;
num = Math.floor(num1);
num2 = num;
}
</script>
</head>
<body>
<input type="text" id="num1" /><br/>
<button onClick="mathf()">点击</button><br/>
<input type="text" id="num2" />
</body>
</html>
//把自定义的函数修改下
function mathf(){
var num1,num2,num;
num1 = document.getElementById("num1").value;
// num2 = document.getElementById("num2").value;
num = Math.floor(num1);
// num2 = num;
document.getElementById("num2").value=num;
}
1、事件是小写——onclick
2、函数还可以再精简——
function mathf(){
//获取输入的数值
var num1 = document.getElementById("num1").value;
//将获取到的值向下取整后,直接赋给num2
document.getElementById("num2").value=Math.floor(num1);
}
num2 = document.getElementById("num2").value;这句话是读取id为num2所在的标签的value ,是一个值!
num2 = num; 也只是把num的值赋给num2;num2是变量,
var i =1; i=2; 最终i=2,难道会变成1=2?
function mathf(){
var num1,input2,num;
num1 = document.getElementById("num1").value;
input2 = document.getElementById("num2");
num = Math.floor(num1);
input2.value = num;
}
document.getElementById("num2")是得到一个dom对象,是一个引用,把他对应到一个变量里,通过给这个dom对象的value值重新赋值,就能改变输入框的值了。
document.getElementById("num2").value是得到一个dom对象的属性value的值,获取的只是一个数值而已,你改变了这个数值,并不会改变对象本身
//或者把自定义函数改成这样
function mathf(){
var num1,num2,num;
num1 = document.getElementById("num1").value;
num2 = document.getElementById("num2");
num = Math.floor(num1);
num2.value = num;
}
var num1,num2;
num1 = document.getElementById("num1").value;
num2 = Math.floor(num1);
document.getElementById("num2").value=num2;
你想要什么样的结果???
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题