1. 程式人生 > >編寫高質量代碼—javascript的分層—base層

編寫高質量代碼—javascript的分層—base層

eight page alert span -1 bsp 方法 event 透明

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):

})

編寫高質量代碼—javascript的分層—base層