<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img id="light" src="img/off.gif">
<h1 id="title">aaaa</h1>
<script language="javascript">
alert("添加成功!")
var l=document.getElementById("light");
alert(l);
l.src="img/on.gif";
var title=document.getElementById("title");
alert("change");
title.innerHTML="bbbbb"
</script>
</body>
</html>
无论script放在哪里都是先执行alter语句;按照正常的话不应该是先显示图片再弹alter语句里面的内容吗
浏览器加载图片需要时间。
代码放到window.onload事件函数中即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img id="light" src="img/off.gif">
<h1 id="title">aaaa</h1>
<script language="javascript">
window.onload = function () {
alert("添加成功!")
var l=document.getElementById("light");
alert(l);
l.src="img/on.gif";
var title=document.getElementById("title");
alert("change");
title.innerHTML="bbbbb"
}
</script>
</body>
</html>
要把代码封装到函数里面,不在函数内部的代码页面初始化就会执行。最好是在img标签加一个单击事件,然后调用函数,就能达到你想要的效果。
参考资料:https://edu.csdn.net/course/detail/3399
您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632