Question

html里面嵌套js为什么有时正常有时失效呢？？

代码如下：测试没有问题的。
<script language="javascript" type="text/javascript">
function setTime(){
var dt=new Date();
time1.innerHTML=dt.getUTCFullYear()+"年";
time2.innerHTML=dt.getUTCMonth()+1+"月";
time3.innerHTML=dt.getUTCDate();
}
setInterval("setTime()",1000);
</script>
<span id="time1"></span><span id="time2"></span>
<div id ="time3"></div>

这个单独测试没有问题。可是我把这些代码放在已经做好的网页当中的时候就失效了。
会是哪里的问题呢？

Answer 1

可能是因为js加载未完全导致部分js出错导致
js一般放在html尾部，代码的容错性也好要一点，不然一些浏览器正常，而另一些浏览器会异常
还有可能是二次加载的时候失效，比如用到ajax要注意js要重新加载过

Answer 2

你把script代码段放到
<span id="time1"></span><span id="time2"></span>
<div id ="time3"></div>
这段后面，再试试。

或者在做好的页面的head段里添加
<script>
window.onload = function(){
setInterval("setTime()",1000);
}
</script>
然后把script代码段里的setInterval("setTime()",1000);这句删掉，试试

Answer 3

代码写的没有问题，可能是浏览器兼容问题所致

追问

不是啊，其他浏览器测试以上代码可以正常输出，但是把上面的代码放到已经做好的页面里面就失效了。