美文网首页
函数封装(原生)

函数封装(原生)

作者: 清葉 | 来源:发表于2017-03-08 22:30 被阅读0次

getStyle 批量获取(设置)样式

function getStyle() {
    if (arguments.length==3){
        arguments[0].style[arguments[1]]=arguments[2];
    }else{
        for(var name in arguments[1]){
            arguments[0].style[name]=arguments[1][name];
        }
    }
}

getByClass 通过class获取标签的兼容写法

function getByClass(obj,aClass){
    var res=[];
    if(obj.getElementsByClassName){
        res=obj.getElementsByClassName(aClass);
    }else{
        var aEl=obj.getElementsByTagName('*');
        for(var i=0;i<aEl.length;i++){
            var arr=aEl[i].className.split(' ');
            if(arr==aClass){
                res.push(aEl[i]);
            }
        }
    }
    return res;
}

非行间样式

function getStyle(obj,sTyle){
    return obj.currentStyle?
        obj.currentStyle[sTyle]:
        getComputedStyle(obj,false)[sTyle];
}

补0

function toDu(n){
    return n<10?'0'+n:''+n;
}

随机数

function rnd(n,m){
    return parseInt(Math.random()*(m-n)+n);
}

去重

function findInArray(arr,iNum){
    for(var i=0;i<arr.length;i++){
        if(arr[i]==iNum){
            return true;
        }
    }
    return false;
}

数组排序

function aaa(arr){
    var arr1=arr.sort(function (n1,n2) {
                    return n1-n2;
                })
    return arr1;
}

选项卡

function tab(id,even){
            var oDiv=document.getElementById(id);
            var aBtn=oDiv.getElementsByTagName('input');
            var aDiv=oDiv.getElementsByTagName('div');
            for(var i=0;i<aBtn.length;i++){
                aBtn[i].index=i;
                aBtn[i][even]=function(){
                    for(var i=0;i<aBtn.length;i++){
                        aBtn[i].className='';
                        aDiv[i].style.display='none';
                    };
                    this.className='red';
                    aDiv[this.index].style.display='block';
            };
            };
};

相关文章

  • 函数封装(原生)

    getStyle 批量获取(设置)样式 getByClass 通过class获取标签的兼容写法 非行间样式...

  • 你不知道的JavaScript(二)

    第三章 原生函数 JS有很多原生函数,为基本的数据类型值提供了封装对象,String,Number,Boolean...

  • js实现数组转树

    1. 原生 封装工具函数 getTree 1.1 定义 -映射对象 map 数组treeList=[] 1.2 遍...

  • js原生cookie封装函数

    Cookie是什么(还有session)? cookie 和 session 都是用来储存一些 浏览器用户的信息,...

  • 所有函数的封装(原生)

    批量获取样式 去重 补零 ClassName的兼容性问题 随机数 数组排序 从小到大 从大到小

  • iOS蓝牙原生封装

    iOS蓝牙原生封装 iOS蓝牙原生封装

  • JQuery简介

    一、什么是JQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数...

  • js 原生ajax的封装

    概念 ajax是前端常用技术,今天用原生js封装了一个ajax函数,类似于jquery库的$.ajax()函数,大...

  • 01-jQuery简介

    一.什么是 jQuery? jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到...

  • JQ第一天

    JQ初级 一、认识jQuery 1、什么是jQuery jQuery是对原生JavaScript二次封装的工具函数...

网友评论

      本文标题:函数封装(原生)

      本文链接:https://www.haomeiwen.com/subject/rguigttx.html