推薦4個(gè)原生javascript常用的函數(shù)
【一】添加監(jiān)聽(tīng)事件
addHandler:function(node,type,fn){if(node.addEventListener){
node.addEventListener(type,fn,false); // false,設(shè)置為冒泡事件
}
else{
node.attachEvent('on'+type,function(){
fn.apply(node,arguments); // attachEvent方法中,this并不是指向node,所以需要用apply()方法改變
});
}
}
【二】設(shè)置元素的樣式
setCss:function(node,val){ // val:{'top':'2px','font-size':'12px'}
for(var v in val){
node.style.cssText += ';'+ v +':'+val[v]; //使用 cssText就可以同時(shí)設(shè)置多個(gè)屬性,還有個(gè)好處可以避免 cssFloat,styleFloat的判斷
}
}
【三】獲取CSS類(lèi)名元素
//parent是可選參數(shù),
getByClassName:function(className,parent){
var elem = [],
node = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),
p = new RegExp("(^|\\s)"+className+"(\\s|$)");
for(var n=0,i=node.length;n<i;n++){
if(p.test(node[n].className)){
elem.push(node[n]);
}
}
return elem;
}
【四】刪除CSS類(lèi)名
removeClassName:function(node,className){
var par = new RegExp(className,'g');
node.className = node.className.replace(par,'');
}
以上4個(gè)就是本人整理的非常實(shí)用也需要經(jīng)常使用到的原生js函數(shù),推薦給小伙伴們,希望對(duì)大家有所幫助。
- js常用函數(shù) 不錯(cuò)
- JavaScript 常用函數(shù)庫(kù)詳解
- Jquery作者John Resig自己封裝的javascript 常用函數(shù)
- js 變量類(lèi)型轉(zhuǎn)換常用函數(shù)與代碼[比較全]
- JavaScript 常用函數(shù)
- 基于prototype擴(kuò)展的JavaScript常用函數(shù)庫(kù)
- javascript的數(shù)組和常用函數(shù)詳解
- javascript中數(shù)組的多種定義方法和常用函數(shù)簡(jiǎn)介
- nodejs文件操作模塊FS(File System)常用函數(shù)簡(jiǎn)明總結(jié)
- javascript常用函數(shù)歸納整理
相關(guān)文章
JavaScript對(duì)象屬性檢查、增加、刪除、訪(fǎng)問(wèn)操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)象屬性檢查、增加、刪除、訪(fǎng)問(wèn)操作實(shí)例,本文分別給出代碼實(shí)例來(lái)講解如何給對(duì)象增加屬性、檢查屬性存在、以及刪除和訪(fǎng)問(wèn)屬性,需要的朋友可以參考下2015-07-07提供復(fù)制本站內(nèi)容時(shí)出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼
提供復(fù)制本站內(nèi)容時(shí)出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼...2007-03-03基于Javascript實(shí)現(xiàn)的不重復(fù)ID的生成器
本文介紹了js生成一個(gè)不重復(fù)的ID的函數(shù)的進(jìn)化之路,具有一定的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12javascript如何實(shí)現(xiàn)create方法
這篇文章主要介紹了javascript如何實(shí)現(xiàn)create方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11一款js和css代碼壓縮工具[附JAVA環(huán)境配置方法]
壓縮css和js是我們工作中經(jīng)常要處理的一件事,這里介紹的是一款基于YUICompressor,淘寶封裝的css和js壓縮工具TBCompressor.2010-04-04javascrip高級(jí)前端開(kāi)發(fā)常用的幾個(gè)API示例詳解
這篇文章主要為大家介紹了javascrip高級(jí)前端開(kāi)發(fā)中常用的幾個(gè)API示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2021-11-11Javascript下IE與Firefox下的差異兼容寫(xiě)法總結(jié)
總結(jié)一部分IE和Firefox的javascript差異寫(xiě)法,對(duì)于像書(shū)寫(xiě)多瀏覽器兼容性更好的代碼,可以參考下。2010-06-06JS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)好友列表中的好友頭像時(shí)顯示資料卡的效果
需求為當(dāng)用戶(hù)鼠標(biāo)經(jīng)過(guò)好友列表中好友頭像時(shí),顯示該好友的基本資料,其實(shí)也就是類(lèi)似QQ客戶(hù)端的那種功能,下面是具體的實(shí)現(xiàn)思路及過(guò)程2014-07-07