最近刚学js,写了一个很简单的函数
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function change(){
alert("我执行了")
document.getElementById("t").src="1.jpg";
alert("我也执行了")
}
change();
</script>
</head>
<body>
<img src="" name="t" id="t" />
</body>
</html>
运行后发现只打印出了第一句,第二句没有打印,图片无法显示
似乎document.getElementById("t").src="1.jpg";没有执行
而如果把change()改为window.setInterval("change()",2000)的话发现函数能够执行图片可以显示
各位大侠能告诉小弟小弟哪里理解错了,因为是自学可能问题白痴了一点也希望各位大侠能不吝赐教呀
JavaScript
图片
HTML
函数
------解决方案--------------------
因为你函数执行的时候body压根就没有加载完,压根就没有后面的东西,压根document.getElementById("t")取到的就是null,压根就会直接报错,所以没用了。
至于你用了后面的那个,2秒以后才会调用函数,这个时候body已经加载完成
window.onload = function(){
change();
}
改成这样