var next = document.querySelector(".arrow_right");
var prev = document.querySelector(".arrow_left");
next.onclick = function () {
next_pic(); //前进
}
prev.onclick = function () {
prev_pic(); //后退
}
function next_pic () {
var newLeft = parseInt(wrap.style.left)-600;
wrap.style.left = newLeft + "px";
}
function prev_pic () {
var newLeft = parseInt(wrap.style.left)+600;
wrap.style.left = newLeft + "px";
}
这是因为浏览器在获取到服务器返回的代码时是按照自上而下的顺序机制执行的,所以如果html的dom树还没有完全生成,你执行js的时候,就会出现无法读取到某些元素的情况,所以会报错。
我的方法是用window.onload=function(){ 把代码写到这里面来 } ,换个说法就是将代码包裹起来。
看红色框框
网友评论