兩個比較有用的Javascript工具函數(shù)代碼
更新時間：2010年02月17日 16:22:44 作者：
下面我的base.js中的extend函數(shù)可以允許用json格式賦值屬性甚至是函數(shù)句柄
1.大家在實際工作中，會寫各式各樣的賦值語句。
比如最常用的obj.style.display = "none";
如果這樣的賦值語句一多，obj.style一排下來都要看暈了
下面我的base.js中的extend函數(shù)可以允許用json格式賦值屬性甚至是函數(shù)句柄
/**
* 擴展函數(shù)
* @param target 需要擴展的對象
* @param params 要往target里放的屬性和方法
*/
function extend(target, params) {
if (!target) {
target = {};
}
for (var prop in params) {
target[prop] = params[prop];
}
return target;
}
2. 由于ie不完全遵守w3c標準，他的事件模型和別的瀏覽器不一樣。調(diào)用的方法也不一樣。
如果遇到要為控件動態(tài)增加事件。用onclick = function() {}一類的在dom動態(tài)創(chuàng)建的時候不一定有效，而且無法綁定多個句柄。下面介紹一個通用的支持全瀏覽器的綁定事件函數(shù)。
在大部分情況下，useCapture用的是false，所以這里干脆寫死。
/**
* 動態(tài)創(chuàng)建事件句柄
* @param control 需要擴展的對象
* @param eventName 事件名
* @param fn 函數(shù)句柄
*/
function addEventListener(control, eventName, fn) {
if (window.attachEvent) {
control.attachEvent('on' + eventName, fn);
} else {
control.addEventListener(eventName, fn, false);
}
}
以上兩個函數(shù)的使用Sample可以參照我寫的其他的文章中的代碼
比如最常用的obj.style.display = "none";
如果這樣的賦值語句一多，obj.style一排下來都要看暈了
下面我的base.js中的extend函數(shù)可以允許用json格式賦值屬性甚至是函數(shù)句柄
復制代碼 代碼如下:
/**
* 擴展函數(shù)
* @param target 需要擴展的對象
* @param params 要往target里放的屬性和方法
*/
function extend(target, params) {
if (!target) {
target = {};
}
for (var prop in params) {
target[prop] = params[prop];
}
return target;
}
2. 由于ie不完全遵守w3c標準，他的事件模型和別的瀏覽器不一樣。調(diào)用的方法也不一樣。
如果遇到要為控件動態(tài)增加事件。用onclick = function() {}一類的在dom動態(tài)創(chuàng)建的時候不一定有效，而且無法綁定多個句柄。下面介紹一個通用的支持全瀏覽器的綁定事件函數(shù)。
在大部分情況下，useCapture用的是false，所以這里干脆寫死。
復制代碼 代碼如下:
/**
* 動態(tài)創(chuàng)建事件句柄
* @param control 需要擴展的對象
* @param eventName 事件名
* @param fn 函數(shù)句柄
*/
function addEventListener(control, eventName, fn) {
if (window.attachEvent) {
control.attachEvent('on' + eventName, fn);
} else {
control.addEventListener(eventName, fn, false);
}
}
以上兩個函數(shù)的使用Sample可以參照我寫的其他的文章中的代碼
相關文章
js實現(xiàn)的真正的iframe高度自適應(兼容IE,FF,Opera)
由于項目上的需要，要用一個iframe高度自適應的功能，在google上搜了很久，找了一些修改了下。大家可以測試下。2010-03-03
談談我對JavaScript中typeof和instanceof的深入理解
這次主要說說javascript的類型判斷函數(shù)typeof和判斷構(gòu)造函數(shù)原型instanceof的用法和注意的地方，對本文感興趣的朋友一起看看吧2015-12-12
javascript下漢字和Unicode編碼互轉(zhuǎn)代碼
這個是就是把漢字和Unicode編碼互轉(zhuǎn)的javascript代碼，也是從網(wǎng)上找到了，也許有人用得著??！2010-10-10
下面小編就為大家?guī)硪黄猨s發(fā)送短信倒計時的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Vue考試系統(tǒng)的后臺管理功能開發(fā)示例解讀
這篇文章主要介紹了Vue考試系統(tǒng)后臺管理項目的登錄、記住密碼功能具體實現(xiàn)流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-09-09
這篇文章主要介紹了基于BootStrap實現(xiàn)簡潔注冊界面,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了JS實現(xiàn)簡單路由器功能的方法,基于javascript模擬簡單路由編碼的相關技巧,需要的朋友可以參考下2015-05-05
本文主要介紹了js實現(xiàn)懸浮窗效果(支持拖動)的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法,實例匯總分析了時間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)首頁進度加載動畫,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09