zoukankan      html  css  js  c++  java
  • 尝试封装自己的js库

    学了js,用过jquery,然后想着让自己在js这一块有更深的提高,就想尝试着封装自己的js库,偶尔就添加自己想到的功能。有参考过其他大牛封装库的方法,不懂的地方也有借鉴过,但代码还是自己想,自己理解,自己实际敲打的,也会不断完善,修改自己的js库啦。

    // JavaScript Document
    /*
    author:mimeay/Chen Xiaochi
    email:mimeay@163.com
    qq:200909050
    date:2013/11/9
    */
    (function()
    {
        window.xc={};
        window.xc={
        get_id:function(id){
        return document.getElementById(id);
        },
        get_name:function(name){
        return document.getElementsByName(name);
        },
        get_ele:function(ele){
        return document.getElementsByTagName(ele);
        },
        //获取节点attr值
        get_attr:function(obj,attr){
        obj.getAttribute(attr);
        return obj;
        },
        //设置节点attr值
        set_attr:function(obj,attr){
        for(key in attr)
        {
        if(key=='className'){
            obj.setAttribute(key.slice(0,5),attr[key]);    
            }else{
            obj.setAttribute(key,attr[key]);
            }
        }
        return obj;
        },
        //清除字符串空格
        trim:function(str){
        var strtrim=str.replace(/s+/g,"");
        return strtrim;
        },
        //验证email
        email:function(email){
        var checkemail=email.match(/[A-z]{1}w{1,5}@([a-z]{2,}|d{1,})[.]com/);
        if(checkemail){return 1;}else{return -1;}
        },
        //设置表格隔行显示不同颜色
        setTableColor:function(id,cobj){
        var obj=this.get_id(id);
        var trobj=obj.getElementsByTagName("tr");
        var len=trobj.length;
        var i;
        for(i=0;i<len;i++)
        {
        if(i%2==0){
        trobj.item(i).style.backgroundColor=cobj.even;
        }else{
        trobj.item(i).style.backgroundColor=cobj.ood;
        }
        }
        return trobj;
        },
        //动态加载js
        loadjs:function(url){
        var state=true;
        var js=this.get_ele("script");
        var jlen=js.length;
        var i;
        for(i=0;i<jlen;i++)
        {
        if(js.item(i).getAttribute("src")==url)
        {
        state=false;    
        }    
        }
        if(state){
        var script=document.createElement("script");
        script.type="type/javascript";
        script.src=url;
        var head=document.getElementsByTagName("head").item(0);
        head.appendChild(script);
        }    
        },
        //网页url截取
        s_url:function(url){
        urlmain=url.split("?");
        if(urlmain[1]){
        urlarr=urlmain[1].split("&");
        var arr=new Array();
        for(var key in urlarr)
        {
        var urlkw=urlarr[key].split("=");
        if(urlkw[0]&&urlkw[1])
        {
        arr.push(urlkw[1]);
        }
        }
        }
        return arr;
        }
        };    
    })();
      
     
                 
  • 相关阅读:
    Spring Cloud微服务实战 打造企业级优惠券系统 7-2 优惠券模块实体类相关列值枚举定义
    Spring Cloud微服务实战 打造企业级优惠券系统 7-1 创建优惠券模块微服务
    阿里云 oss (一) 工具上传图片
    Gateway 过滤器,过滤器统一异常处理
    GatewayFilterFactory 不生
    docker 安装 redis
    json 时区问题
    小程序checkbox
    小程序拍照功能
    Learning sensorimotor control with neuromorphic sensors: Toward hyperdimensional active perception
  • 原文地址:https://www.cnblogs.com/mimeay/p/3452054.html
Copyright © 2011-2022 走看看