2.用dom操作文档利用js做了一个相册,这也是我第一次直接使用js在显示页面上做操作,以前总对js与html的练习不是很了解,非常疑惑,今天终于知道js是如何运用在网页上的了
var arr=["image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg","image/11.jpg"];
var prev=document.getElementById("prev");
var next=document.getElementById("next");
var img=document.getElementsByTagName("img")[0];
var int=0;
prev.onclick=function(){
int--;
if(int==-1){
int=4
}
img.src = arr[int];
}
next.onclick=function(){
int++;
if(int==5){
int=0
}
img.src = arr[int];
}
在写这个简单的代码的过程中,我其实用了半个多小时。
1.之前用了除jpg以外格式的文件,所以在写路径时忘了改后缀,导致卡壳。
2.当int自增或者自减到0和4时,需要用if重新设置值,我把if写在了执行语句的后面,导致图片加载错误,应该在
执行语句之前判断,否则会出现arr[-1] arr[5] 导致结果出错。