推荐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 颜色选择器(兼容firefox)
Mar 05 Javascript
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
浅谈jQuery中的事件
Mar 23 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
jQuery操作iframe中js函数的方法小结
Jul 06 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
Nov 03 Javascript
cypress测试本地web应用
Jun 01 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多图上传小程序代码
2011/07/17 PHP
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
玩转方法:call和apply
2014/05/08 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
BootStrap前端框架使用方法详解
2020/02/26 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
Python基于WordCloud制作词云图
2019/11/29 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
javascript实现用户必须勾选协议实例讲解
2021/03/24 Javascript
公司授权委托书样本
2014/09/15 职场文书
《刷子李》教学反思
2016/02/20 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server