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

起作用的模式html>

事件流

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');

});

不起作用模式

HTML文档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代码单独写在文件里引用时却不起作用了，求高人指点