编写高质量代码—javascript的分层—base层

Posted 2020-10-09

base层的功能是为common层和page层提供接口。封装不同浏览器下javascript的差异，提供统一的接口

1.用getNextNode 函数封装IE和Firefox的差异：

 

2.透明度：封装setOpacity函数

 

3.event对象：封装getEventTarget

在IE下，event对象作为window的属性作用于全局作用域，而在firefox中，event对象是作为事件的参数存在的

btn.onclick=function(e){

var node=getEventTarget(e);

alert(node.tagName);

}

 

4.冒泡：封装stopPropagation函数

btn.onclick=function(e)

{

stopPropagation(e);

}

 

5.on、attachEvent和addEventListener

attachEvent是IE支持的方法，而addEventListener是Firefox支持的方法。

attachEvent和addEventListener方法支持监听处理函数的叠加，而不是覆盖。

 var btn=document.getElementById("btn");

on(btn,"click",function(){

　　alert(1):

})