Question

为什么引入的js没生效，一直报错Uncaught SyntaxError: Unexpected token {

下面是在js文件中写的代码
window.onload{
var arr =['./img/show1.jpg','./img/show2.jpg','./img/show3.jpg','./img/show4.jpg','./img/show5.jpg']
var pic = document.getElementById('pic');
var oul = document.getElementById('show-ul');
var oBtn2 = document.getElementById('btn-2');
var oBtn1 = document.getElementById('ben-2');
var lis = document.getElementsByTagName('li');
var timer = null;
var num=0;
// next.onclick=Next
oBtn2.onclick=function(){
num--
if(num < 0){
num = arr.length-1
}
img.src=arr[num]
for(var i =0;i<lis.length;i++){
for(var j=0;j<lis.length;j++){
lis[j].style.background="white"
}
lis[num].style.background="red"
}
}

Answer 1

window.onload不是这么用的 应该是 window.onload = function(){}

修改后：

 
<div id="pic"></div>
<div id="show-ul">1</div>
<div id="btn-2">21</div>
<div id="ben-2">22</div>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<script type="text/javascript">
window.onload = function(){
var arr =['./img/show1.jpg','./img/show2.jpg','./img/show3.jpg','./img/show4.jpg','./img/show5.jpg']
var pic = document.getElementById('pic');
var oul = document.getElementById('show-ul');
var oBtn2 = document.getElementById('btn-2');
var oBtn1 = document.getElementById('ben-2');
var lis = document.getElementsByTagName('li');
var timer = null;
var num=arr.length;
//	next.onclick=Next
oBtn2.onclick=function(){ 
num--
if(num < 0){ 
num = arr.length-1
}
// 没有定义img对象 我给你注释掉了
// img.src=arr[num]  
for(var i =0;i<lis.length;i++){ 
	for(var j=0;j<lis.length;j++){ 
		lis[j].style.background="white"
	}
lis[num].style.background="red"
}
}

}

 
	 
</script>

补充：刚才看了一下你的代码 发现你的 img 对象也没有获取，给你注释掉了。

Answer 2

window.onload是一个function
需要使用window.onload=function() {}的方法写函数
代码的其他问题并没有详细检查，但报错是因为函数声明的方法不对
先改正之后再有错再说