陈士愚
var oImg = document.getElementById("img1");
var arrUrl = ["img1.jpg", "img2.jpg"];
var num = 0;
oBtn1.onclick = function() {
num = 0;
oImg.src = arrUrl[num];
oDiv2.innerHTML = oText.value;
oText.value = "";
}; 我摘出来的这段代码,是你用来设置图片的。可以看到,你的html代码中本身没有为#img1设置src属性,js代码里也没有初始化,只在#button1的点击事件里设置了为图片改变src属性;所以页面刚打开的时候,img1位置肯定是空白的;你的代码逻辑和你标题描述的现象是符合的。 当你点击发送按钮时,出发click事件,这时候为oImg对象(即#img1)设置src属性,并且因为每次重置num=0,所以始终使用arrUrl[0](img1.jpg)。 所以如果你的想法是默认开始的时候显示img2.jpg,当点击发送时显示img1,那么可以这么写:
window.onload = function oo() {
var oDiv2 = document.getElementById("div2");
var oBtn1 = document.getElementById("button1");
var oText = document.getElementById("text");
var oImg = document.getElementById("img1");
var arrUrl = ["img1.jpg", "img2.jpg"];
var num = 1;
oImg.src = arrUrl[num]; // 默认显示img2.jpg,当用户点击发送时,更换为img1.jpg
oBtn1.onclick = function() {
num = 0;
oImg.src = arrUrl[num];
oDiv2.innerHTML = oText.value;
oText.value = "";
};
};