快捷導(dǎo)航

推薦4個(gè)原生javascript常用的函數(shù)

更新時(shí)間：2015年01月12日 09:23:23 投稿：hebedich

這篇文章主要介紹了推薦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è)置元素的樣式

復(fù)制代碼代碼如下:

       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)名元素

復(fù)制代碼代碼如下:

//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)名

復(fù)制代碼代碼如下:

removeClassName:function(node,className){

    var par = new RegExp(className,'g');

    node.className = node.className.replace(par,'');

}

以上4個(gè)就是本人整理的非常實(shí)用也需要經(jīng)常使用到的原生js函數(shù)，推薦給小伙伴們，希望對(duì)大家有所幫助。

您可能感興趣的文章:

相關(guān)文章

在JavaScript里防止事件函數(shù)高頻觸發(fā)和高頻調(diào)用的方法
這篇文章主要介紹了在JavaScript里防止事件函數(shù)高頻觸發(fā)和高頻調(diào)用的方法,本文方法從Underscore.js中摘錄而來(lái),需要的朋友可以參考下
2014-09-09
JavaScript簡(jiǎn)單實(shí)現(xiàn)的仿微博留言功能示例
這篇文章主要介紹了JavaScript簡(jiǎn)單實(shí)現(xiàn)的仿微博留言功能,涉及javascript頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
js當(dāng)一個(gè)變量為函數(shù)時(shí) 應(yīng)該注意的一點(diǎn)細(xì)節(jié)小結(jié)
變量testFun為一個(gè)匿名函數(shù)，匿名函數(shù)返回的一個(gè)testFun.init對(duì)象（也是一個(gè)匿名函數(shù)）
2011-12-12
Javascript正則控制文本框只能輸入整數(shù)或浮點(diǎn)數(shù)
這篇文章主要介紹Javascript正則如何控制文本框只能輸入整數(shù)或浮點(diǎn)數(shù),需要的朋友可以參考下
2014-09-09
JS如何監(jiān)聽(tīng)div的resize事件詳解
這篇文章主要給大家介紹了關(guān)于JS如何監(jiān)聽(tīng)div的resize事件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
原生js實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
Bootstrap編寫(xiě)一個(gè)同時(shí)適用于PC、平板、手機(jī)的登陸頁(yè)面
這篇文章主要為大家詳細(xì)介紹了Bootstrap編寫(xiě)一個(gè)同時(shí)適用于PC、平板、手機(jī)的登陸頁(yè)面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
微信小程序template模版的使用方法
這篇文章主要給大家介紹了關(guān)于微信小程序template模版的使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果
這篇文章主要介紹了js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果,一些大型網(wǎng)站也會(huì)經(jīng)常用到這個(gè)效果,需要的朋友可以參考下
2014-06-06
javascript模板方法模式和職責(zé)鏈模式實(shí)例分析
這篇文章主要介紹了javascript模板方法模式和職責(zé)鏈模式,結(jié)合實(shí)例形式較為詳細(xì)的分析了模板方法模式和職責(zé)鏈模式基本原理、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2023-07-07