Primary:JS{二、日常所用JS(常用)}

移动端REM

(function() {
        function w() {
          var r = document.documentElement;
          var a = r.getBoundingClientRect().width;
          if(a > 750) {
            a = 750;
          }
          rem = a / 7.5;
          r.style.fontSize = rem + "px"
        }
        var t;
        w();
        window.addEventListener("resize", function() {
          clearTimeout(t);
          t = setTimeout(w, 300)
        }, false);
      })();

移除浏览器默认事件（移动端）

document.addEventListener('touchstart',function(){
    return false;
},true);

mobile还是PC

function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
              console.log("mobile")
              
            } else {
                  console.log("pc")
            } 
        }

页面切换title改变

window.addEventListener("visibilitychange", function(event) {
            if(document.hidden){
                document.title = 200;
            }else{
                document.title = 100;
            }
        });

全屏

// 兼容IE低版本
        function iefull(){
            var el = document.documentElement;
            var rfs =  el.msRequestFullScreen;
            if(typeof window.ActiveXObject != "undefined") {
                var wscript = new ActiveXObject("WScript.Shell");
                if(wscript != null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }
           function toggleFullScreen() {
            if (!document.fullscreenElement &&
                !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
                if (document.documentElement.requestFullscreen) {
                    document.documentElement.requestFullscreen();
                } else if (document.documentElement.msRequestFullscreen) {
                    document.documentElement.msRequestFullscreen();
                } else if (document.documentElement.mozRequestFullScreen) {
                    document.documentElement.mozRequestFullScreen();
                } else if (document.documentElement.webkitRequestFullscreen) {
                    document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                }
            } else {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.webkitExitFullscreen) {
                    document.webkitExitFullscreen();
                }
            }
        }

获取年月日时分秒

function times(arr,type){
  if(!type){
          var year = new Date(arr).getFullYear();
            var month = new Date(arr).getMonth()+1 >= 10 ? new Date(arr).getMonth()+1 : "0" + (new Date(arr).getMonth()+1);
            var day = Number(new Date(arr).getDate()) >= 10 ?  Number(new Date(arr).getDate()) : "0" + Number(new Date(arr).getDate());
            var hours = new Date(arr).getHours() >= 10 ? new Date(arr).getHours() : "0" + new Date(arr).getHours();
            var minutes = new Date(arr).getMinutes() >= 10 ? new Date(arr).getMinutes() : "0" + new Date(arr).getMinutes();
            var seconds = new Date(arr).getSeconds() >= 10 ? new Date(arr).getSeconds() : "0" + new Date(arr).getSeconds();
            var Time =  year + "-" + month + "-" + day
            var days = hours+":"+minutes+":"+seconds
            var obj = [Time,days]
        return obj
  }else{
     arr.filter((item)=>{
        var year = new Date(item[type]).getFullYear();
        var month = new Date(item[type]).getMonth()+1 >= 10 ? new Date(item[type]).getMonth()+1 : "0" + (new Date(item[type]).getMonth()+1);
        var day = new Date(item[type]).getDate()>= 10 ? new Date(item[type]).getDate() : "0" + (new Date(item[type]).getDate());
        var hours = new Date(item[type]).getHours() >= 10 ? new Date(item[type]).getHours() : "0" + new Date(item[type]).getHours();
        var minutes = new Date(item[type]).getMinutes() >= 10 ? new Date(item[type]).getMinutes() : "0" + new Date(item[type]).getMinutes();
        var seconds = new Date(item[type]).getSeconds() >= 10 ? new Date(item[type]).getSeconds() : "0" + new Date(item[type]).getSeconds();
        item.Time =  year + "-" + month + "-" + day
        item.days = hours+":"+minutes+":"+seconds
      })
  return arr;
  }         
}

取出随机字符串

function randChar(length,characters="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"){
        if(length instanceof Number){
            characters=characters.split("");
          result="";
          while(result.length<length) result+=characters[Math.round(Math.random()*characters.length)];
          return result;
        }else{
            return alert("请输入数字")
        }
      
    }

取出随机字色

function t_RandomColor(c){
    var str = "#";
    var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
    if(c == undefined){
        for(var i =0; i<6;i++){
            str += arr[Math.ceil(Math.random()*15)]
        }
        return str
    }else{
        var error = typeof c !== 'number' ? "请输入数字" : c < 0 ? "此方法支持0-1！0.5包括0.5为淡色，反之为重色" : c > 1 ? "此方法支持0-1！0.5包括0.5为淡色，反之为重色" : true
        if(error == true){
            if(c<0.6){
                for(var i =0; i<6;i++){
                    str += arr[Math.ceil(Math.random()*6+9)]
                }
            }else{
                for(var i =0; i<6;i++){
                    str += arr[Math.ceil(Math.random()*6)]
                }
            }
            return str
        }else{
            alert(error)
        }
    }
}

对象转换为URL拼接

function Url(obj,arr){
    if (obj instanceof Object && obj instanceof Array == false && arr instanceof Array ) {
        var ary = [];
        var obr = {};
        var str = "";
        Object.keys(obj).forEach(function(key){
            ary.push(obj[key])
        });
        for(let i =0,sum = arr.length; i < sum; i++){
                obr[arr[i]] = ary[i]
        }
        if(ary.length != arr.length){
            return alert("参数长度不一致！");
        }else{
            Object.keys(obr).forEach(function(key){
                str += key +"="+obr[key]+"&"
            });
            return str.slice(0,str.length-1)
        }
    }else{
        return alert("参数一为对象，二为数组");
    }       
}

取出你想要的键值

function add(obj,arr){
            var o = {}
            arr.filter((item)=>{
                if(obj[item]) o[item] = obj[item] ;
            })
            return o
        }

日常正则

一、替换所有标签

function matchReg(str){
    let reg=/<\/?.+?\/?>/g;
    return str.replace(reg,'')
  }

二、校验是否全由11位数字组成

function matchReg(str){
    let reg=/<\/?.+?\/?>/g;
    return str.replace(reg,'')
  }

三、是否带有小数

function matchReg(str){
    let reg=/<\/?.+?\/?>/g;
    return str.replace(reg,'')
  }

四、校验是否中文名称组成

function t_IsChina(str) {
        var reg=/^[\u4E00-\u9FA5]{2,4}$/;   
        return reg.test(str);   
    }

五、校验邮件地址是否合法

function t_IsEmail(str) {
        var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
        return reg.test(str);
    }

六、校验身份证

function userCar(str) {
        var reg=/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/;
        return reg.test(str);
    }

七、邮政编码

function dawkcode(str) {
        var reg=/[1-9]\d{5}(?!\d)/;
        return reg.test(str);
    }