                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

为什么将JS插在HTML文档中起作用，而从外部引用就不起作用？求高人指点！

起作用的模式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件流</title>
<script src='wrap.js'></script>
<script src='event.js'></script>
</head>
<body>
<input type="button" value="按钮" id='mybtn' />
<script type="text/javascript">
var eventFlow={ //创建一个实例
addHander:function(element,type,hander){ //创建一个方法：addEvent用来添加事件
if(element.addEventListener){
element.addEventListener(type,hander,false);
}else if(element.attachEvent){
element.attachEvent('on'+type,hander);
}else{
element['on'+type]=hander;
}
}
}
var mybtn=document.getElementById('mybtn')
eventFlow.addHander(mybtn,"click",function() {
alert('hello');
});
</script>
</body>
</html>

不起作用模式

HTML文档

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件流</title>
<script src='wrap.js'></script>
</head>
<body>
<input type="button" value="按钮" id='mybtn' />
</body>
</html>

JS文档

var eventFlow={					//创建一个实例
	addHander:function(element,type,hander){					//创建一个方法：addEvent用来添加事件
		if(element.addEventListener){
			element.addEventListener(type,hander,false);
		}else if(element.attachEvent){
			element.attachEvent('on'+type,hander);
		}else{
			element['on'+type]=hander;
		}
	}
}
var mybtn=document.getElementById('mybtn')
eventFlow.addHander(mybtn,"click",function() {
	alert('hello');
});

当把这些JS代码单独写在文件里引用时却不起作用了，求高人指点