为什么这个代码直接调用不能显示在文本框里？
一失手成千古恨
2016-03-11 16:19
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
clock();
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html
4回答
-
- 钰与宸
- 2016-03-18 10:09:43
按你写的代码，会先执行<script>里的函数clock()，再加载页面（即id为clock的文本框）。所以当你调用clock()函数，执行“document.getElementById("clock").value = time;”，是还没有id=clock这个文本框的，所以就不能搜索到它，并给它赋值了。如果你把<script>整段写在“<input type="text" id="clock" size="50" />”后面，就会发现，是可以调用的。
再来说为什么同样写在<head>的里的js，setInterval(clock,1000)就可以完成调用。因为setInterval()是window对象的方法，本身定义就是【加载页面后】每隔指定时间执行代码，所以用它的时候，它会在页面加载完，即先有文本框，再调用clock()，所以“document.getElementById("clock").value = time;”这句就有了意义，就能执行了。
-
- 志在必得1992
- 2016-04-06 21:37:05
用onload=clock()调用试试
-
- 马不理
- 2016-03-11 17:06:28
把第11行的clock();改成：
setTimeout(clock);
就行了。
你光写clock()是不能执行该函数的
-
- 早起背单词_0
- 2016-03-11 16:30:02
我也不知道。。求问
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题