推荐4个原生javascript常用的函数


Posted in Javascript onJanuary 12, 2015

【一】添加监听事件

     addHandler:function(node,type,fn){if(node.addEventListener){

                node.addEventListener(type,fn,false);  // false,设置为冒泡事件

            }

            else{

                node.attachEvent('on'+type,function(){

                    fn.apply(node,arguments); // attachEvent方法中,this并不是指向node,所以需要用apply()方法改变

                });

            }

     }

 【二】设置元素的样式

       setCss:function(node,val){   // val:{'top':'2px','font-size':'12px'}

            for(var v in val){ 

                node.style.cssText += ';'+ v +':'+val[v];  //使用 cssText就可以同时设置多个属性,还有个好处可以避免 cssFloat,styleFloat的判断

            }

        }

【三】获取CSS类名元素

 //parent是可选参数,

      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个就是本人整理的非常实用也需要经常使用到的原生js函数,推荐给小伙伴们,希望对大家有所帮助。

Javascript 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
AngularJS入门教程引导程序
Aug 18 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
jQuery实现判断控件是否显示的方法
Jan 11 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
详解从Vue-router到html5的pushState
Jul 21 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
design vue 表格开启列排序的操作
Oct 28 Javascript
原生js实现日期联动
Jan 12 #Javascript
Javascript中innerHTML用法实例分析
Jan 12 #Javascript
js实现从数组里随机获取元素
Jan 12 #Javascript
javascript的tab切换原理与效果实现方法
Jan 10 #Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 #Javascript
js中键盘事件实例简析
Jan 10 #Javascript
js中this的用法实例分析
Jan 10 #Javascript
You might like
PHP 中dirname(_file_)讲解
2007/03/18 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
PHP判断IP并转跳到相应城市分站的方法
2015/03/25 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
浅谈Vue内置component组件的应用场景
2018/03/27 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
Python实现的生成自我描述脚本分享(很有意思的程序)
2014/07/18 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
什么是接口(Interface)?
2013/02/01 面试题
存储过程和函数的区别
2013/05/28 面试题
数据管理员的自我评价分享
2013/11/15 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
开学典礼策划方案
2014/05/28 职场文书
党员一帮一活动总结
2014/07/08 职场文书
刮痧观后感
2015/06/05 职场文书
奥特曼十大神器:奥特手镯在榜,第一是贝利亚的神器
2022/03/18 日漫
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers