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