推荐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 相关文章推荐
js面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
Prototype框架详解
Nov 25 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
Node.js Event Loop各阶段讲解
Mar 08 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
用vue构建多页面应用的示例代码
2017/09/20 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
2017/10/16 Javascript
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
Python二维码生成识别实例详解
2019/07/16 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
python生成器推导式用法简单示例
2019/10/08 Python
python随机数分布random均匀分布实例
2019/11/27 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
python右对齐的实例方法
2020/07/05 Python
植物选择:Botanic Choice
2017/02/15 全球购物
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
给面试官的感谢信
2014/02/01 职场文书
购房意向书
2014/08/30 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
道歉短信大全
2015/05/12 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
box-shadow单边阴影的实现
2023/05/21 HTML / CSS