内外部js代码

Question

<script type="text/javascript">
							function bind(el, eventType, callback){
								if(typeof el.addEventListener === 'function'){
									//标准事件绑定方法
									el.addEventListener(eventType, callback, false);
								}else if(typeof el.attechEvent === 'function'){
									//IE事件绑定方法
									el.attachEvent('on' + eventType, callback);
								}
							}
							  //鼠标悬停的处理函数
							function mouseoverHandler(e){
								var target = e.target || e.srcElement;
								var outer = document.getElementById('imageMenu');
								var list = outer.getElementsByTagName('li');
								//清空所有LI元素的big
								for(var i = 0; i < list.length; i++){
									list[i].className = list[i].className.replace(/ ?big/g, '');
								}
								//根据事件的冒泡原理，找到需要变更class 的LI元素
								while(target.tagName != 'LI' && target.tagName != 'BODY'){
									target = target.parentNode;
								}
								//给当前元素加上class big
								target.className += ' big';
							}
							function initList(){
								//取得外部元素
								var outer = document.getElementById('imageMenu');
								//取得每个列表项
								var list = outer.getElementsByTagName('li');
								for(var i =0; i < list.length; i++){
									//对每个列表绑定鼠标悬停事件的监听
									bind(list[i], 'mouseover', mouseoverHandler);
								}
							}
							//执行初始化函数
							initList();
							</script>

在body内部有效，但是改为外部js就没用了，是什么情况？？

Answer 1

应该是1楼的说法 ，去掉最后一行的函数执行 改成 window.onload=function(){initList();}