兩個比較有用的Javascript工具函數

1.大家在實際工作中，會寫各式各樣的指派陳述式。 
比如最常用的obj.style.display = "none"; 
如果這樣的指派陳述式一多，obj.style一排下來都要看暈了 

下面我的base.js中的extend函數可以允許用json格式賦值屬性甚至是函數控制代碼 

 

/**<br /> * 擴充函數<br /> * @param target 需要擴充的對象<br /> * @param params 要往target裡放的屬性和方法<br /> */<br />function extend(target, params) {<br /> if (!target) {<br /> target = {};<br /> }<br /> for (var prop in params) {<br /> target[prop] = params[prop];<br /> }<br /> return target;<br />}  

 

2. 由於ie不完全遵守w3c標準，他的事件模型和別的瀏覽器不一樣。調用的方法也不一樣。 
如果遇到要為控制項動態增加事件。用onclick = function() {}一類的在dom動態建立的時候不一定有效，而且無法綁定多個控制代碼。下面介紹一個通用的支援全瀏覽器的綁定事件函數。 
在大部分情況下，useCapture用的是false，所以這裡乾脆寫死。 

 

/**<br /> * 動態建立事件控制代碼<br /> * @param control 需要擴充的對象<br /> * @param eventName 事件名<br /> * @param fn 函數控制代碼<br /> */<br />function addEventListener(control, eventName, fn) { </p><p> if (window.attachEvent) {<br /> control.attachEvent('on' + eventName, fn);<br /> } else {<br /> control.addEventListener(eventName, fn, false);<br /> }<br />} 

 

以上兩個函數的使用Sample可以參照我寫的其他的文章中的代碼