快捷導航

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

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

這篇文章主要介紹了推薦4個原生javascript常用的函數(shù),需要的朋友可以參考下

【一】添加監(jiān)聽事件

     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è)置多個屬性，還有個好處可以避免 cssFloat，styleFloat的判斷

            }

        }

【三】獲取CSS類名元素

復制代碼代碼如下:

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

復制代碼代碼如下:

removeClassName:function(node,className){

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

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

}

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

您可能感興趣的文章:

相關(guān)文章

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