在head里面引用js文件问题

var index=0,

timer=null,

banner=byId("banner"),

pics=byId("ads").getElementsByTagName("div"),

tits=byId("tits").getElementsByTagName("span"),

len=pics.length;

window.onload=function slideImg()

全局变量该如何写，放在函数里面吗

慕粉1959495805 2017-07-29

源自：项目：JS实现轮播特效 6-2 作业题

收起

5回答

OlafChou 2017-09-14 07:19:50

请问还需要重新新建 script.js 来写脚本不？？？

收起回答

Miss路 #1

一般是需要的，我们要求解耦，就是代码分离的意思，这样方面后期代码的管理和维护。祝学习愉快！

2017-09-14 13:45:41

qq_天天_66 2017-07-30 02:36:20

是的，你如果把script放在了dom元素的前面，那么就要使用onload的来监听，否则的话会找不到你要的元素

收起回答

怎么都被占用了呢 2017-07-29 18:52:05

window.onload=function(){

funciton changeImg(){

for(var i=0;i<len;i++){

pics[i].style.display="none";

tits[i].className="";

}

pics[index].style.display="block";

tits[index].className="show";

}

收起回答

OlafChou #1

如果按你这样的操作，js 都写在 HTML 里面的 head，那我新建的 script.js 咋办呢

2017-09-15 08:42:53

提问者慕粉1959495805 2017-07-29 18:14:22

 window.onload=function slideImg(){

 		var index=0,
		timer=null,
		banner=byId("banner"),
		pics=byId("ads").getElementsByTagName("div"),
		tits=byId("tits").getElementsByTagName("span"),
		len=pics.length;

window.onload =	function changeImg(){
		for(var i=0;i<len;i++){
			pics[i].style.display="none";
			tits[i].className="";			
		}
			pics[index].style.display="block";
			tits[index].className="show";
	}

收起回答

OlafChou #1

你这样的话就不用单独的，script.js 了？？？？

2017-09-15 08:40:57
OlafChou #2

为啥还要写2个 window.onload ?

2017-09-15 08:41:58

怎么都被占用了呢 2017-07-29 15:11:47

这个window.onload方法比较特殊，所有的脚本文件都是要写在该方法中的，不止可以定义变量，还可以定义函数。直接定义在该方法内部，其他函数外部的变量可视为全局变量。也就是全局变量直接写入window.onload方法中就可以了

收起回答

提问者慕粉1959495805 #1

把全局变量定义在第一个函数中，第二个函数取不到变量； window.onload=function slideImg(){ var index=0, timer=null, banner=byId("banner"), pics=byId("ads").getElementsByTagName("div"), tits=byId("tits").getElementsByTagName("span"), len=pics.length; window.onload = function changeImg(){ for(var i=0;i<len;i++){ pics[i].style.display="none"; tits[i].className=""; } pics[index].style.display="block"; tits[index].className="show"; }

2017-07-29 18:12:26