兩個比較有用的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標(biāo)準(zhǔn)，他的事件模型和別的瀏覽器不一樣。調(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ù)句柄
復(fù)制代碼 代碼如下:
/**
* 擴展函數(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標(biāo)準(zhǔn)，他的事件模型和別的瀏覽器不一樣。調(diào)用的方法也不一樣。
如果遇到要為控件動態(tài)增加事件。用onclick = function() {}一類的在dom動態(tài)創(chuàng)建的時候不一定有效，而且無法綁定多個句柄。下面介紹一個通用的支持全瀏覽器的綁定事件函數(shù)。
在大部分情況下，useCapture用的是false，所以這里干脆寫死。
復(fù)制代碼 代碼如下:
/**
* 動態(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可以參照我寫的其他的文章中的代碼
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了小程序中設(shè)置緩存過期的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密
在javascript中,偽數(shù)組又稱類數(shù)組,是一個類似數(shù)組的對象,是一種按照索引存儲數(shù)據(jù)且具有l(wèi)ength屬性的對象,下面這篇文章主要給大家介紹了關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了這樣回答繼承可能面試官更滿意,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-12-12
這篇文章主要為大家詳細介紹了JS動態(tài)創(chuàng)建元素的兩種方法,字符串拼接形式，或是使用Document、Element對象自帶的一些函數(shù) ，需要的朋友可以參考下2016-04-04
JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),下面這篇文章主要給大家介紹了關(guān)于JavaScript?setTimeout和setInterval的用法與區(qū)別,需要的朋友可以參考下2022-04-04
uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接功能
這篇文章主要介紹了uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接,本文通過實例代碼給大家分享實現(xiàn)思路，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法
這篇文章主要介紹了Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法,需要的朋友可以參考下2017-03-03
本文通過實例代碼給大家介紹了js判斷日期時間差的方法，文章給大家補充介紹了js求時間差的代碼，需要的朋友參考下吧2018-03-03
label+input實現(xiàn)按鈕開關(guān)切換效果的實例
下面小編就為大家?guī)硪黄猯abel+input實現(xiàn)按鈕開關(guān)切換效果的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
JavaScript實現(xiàn)點擊自動選擇TextArea文本的方法
這篇文章主要介紹了JavaScript實現(xiàn)點擊自動選擇TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常簡單實用,需要的朋友可以參考下2015-07-07