前端常用js函数封装模板

一、html标签替换

// html标签替换
function mystring(str) {
	var ret = str;
	while(ret.indexOf(">") >= 0 || ret.indexOf("<") >= 0) {
	   ret = ret.replace("<", "&lt;").replace(">", "&gt;");
	}
	return ret;
 }

二、时间拼接

// 时间拼接
function time() {
	var t = new Date();
	var n = t.getFullYear();
	var y = bianhuan(t.getMonth() + 1);
	var r = bianhuan(t.getDate());
	var s = bianhuan(t.getHours());
	var f = bianhuan(t.getMinutes());
	var m = bianhuan(t.getSeconds());
	var time = n + "-" + y + "-" + r + " " + s + ":" + f + ":" + m;
	return time;
}

三、加“0”判断

// 加“0”判断
function bianhuan(s) {
	s = s < 10 ? "0" + s : s;
	return s;
}

四、原生JS文件上传

// 原生JS文件上传
   <textarea cols="50" rows="10" id="txt" ondragover="mydragover(event)" ondrop="mydrop(event)" ></textarea>
        <input type="file" id="file" onchange="mychange()" />
        <input type="button" onclick="tianjia()" value="添加文本" />
        <script type="text/javascript">
            function tianjia(){
                document.getElementById("file").click();
            }
            function mychange(){
                var files=document.getElementById("file").files;
                for (var i = 0; i < files.length; i++) {
                    var fr=new FileReader();
                    fr.readAsText(files[i],"gb2312");
                    fr.onload=function(){
                        var  txt=document.getElementById("txt");
                        txt.innerHTML=this.result;
                    };
                }
                
            }
            
            function mydragover(ev){
                ev.preventDefault();
            }
            function mydrop(ev){
                ev.preventDefault();
                var files=ev.dataTransfer.files;
                for (var i = 0; i < files.length; i++) {
                        var freader=new FileReader();
                        freader.readAsText(files[i]);//没有返回值
                        freader.onload=function(){//文件加载完成调用此函数
                            var txt=document.getElementById("txt");
                            txt.innerHTML=this.result;
                        };
                }
            }
        </script>

五、返回刷新

// 返回刷新 
function CheckReload() {
	if (window.name != bencalie) {
		location.reload();
		window.name = bencalie;
	} else {
		window.name = ;
	}
}

六、获得两个日期之间相差的天数

// 获得两个日期之间相差的天数
// startDate="2020-01-12";
// endDate="2020-03-23";
function getDays(date1, date2) {
      var date1Str = date1.split("-");//将日期字符串分隔为数组,数组元素分别为年 月 日  
      //根据年 月 日的值创建Date对象  
      var date1Obj = new Date(date1Str[0], (date1Str[1] - 1), date1Str[2]);
      var date2Str = date2.split("-");
      var date2Obj = new Date(date2Str[0], (date2Str[1] - 1), date2Str[2]);
      var t1 = date1Obj.getTime();
      var t2 = date2Obj.getTime();
      var dateTime = 1000 * 60 * 60 * 24; //每天的毫秒数  
      var minusDays = Math.floor(((t2 - t1) / dateTime));//计算出两个日期的天数差  
      var days = Math.abs(minusDays);//取绝对值  
      return days;
  }

七、判断某天星期几（周week）

// 判断某天星期几
// var day="2020-01-12";
// 0-6 代表周日-周六
var date1 = new Date(startDate).getDay();
switch (week) {  
	case 0 :  
		str += "日";  
		break;  
	case 1 :  
		str += "一";  
		break;  
	case 2 :  
		str += "二";  
		break;  
	case 3 :  
		str += "三";  
		break;  
	case 4 :  
		str += "四";  
		break;  
	case 5 :  
		str += "五";  
		break;  
	case 6 :  
		str += "六";  
		break;  
} 

八、生成六位不重复验证码函数

// 生成六位不重复验证码函数
function methods() {
	//定义存储6位验证码的字符串
	var a = "";
	//定义计数器
	var count = 0;
	while(true) { //生成验证码
	var y = parseInt(Math.random() * 10);
	//不重复判断，将生成的验证码y和最后的a去对比
	if(a.indexOf(y) == -1) {
		a = a + y;
		count++;
	}
	if(count == 6) //判断验证码是不是6位
		{
		break;
		}
	}
	return a;
}
console.log(methods());

九、QQ咨询

// QQ咨询
onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=2900670495&site=qq&menu=yes', '_blank');" title="点击咨询"

十、清除字符串前后的空格、字符串中的所有空格

// 清除字符串前后的空格、字符串中的所有空格
function trim(str){
	return str.replace(/(^\s*)|(\s*$)|(\s*)/g,"")
}

十一、判断是手机还是电脑访问

 //flag返回值为true则说明是电脑客户端
function sreenCheck() {
	var userAgentInfo=navigator.userAgent;
	var sreen= new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod", "BlackBerry", "webOS");
	var flag=true;
	for(var i = 0;i < sreen.length;i ++) {
		if(userAgentInfo.indexOf(sreen[i])>0) {
		flag=false;
		break;
		}
	}
	return flag;
}

十二、页面禁止查看源代码函数

 //页面禁止查看源代码函数
document.onkeydown=function(){
    var e = window.event||arguments[0];
    if(e.keyCode==123){
        alert('不要偷窥哦！');
        return false;
    }else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){
        alert('不要偷窥哦！');
        return false;
    }else if((e.ctrlKey)&&(e.keyCode==85)){
        alert('不要偷窥哦！');
        return false;
    }else if((e.ctrlKey)&&(e.keyCode==83)){
        alert('不要偷窥哦！');
        return false;
    }
}
document.oncontextmenu=function(){
    alert('不要偷窥哦！');
    return false;
} 

十三、enter键快速登录或搜索

 //enter键快速登录或搜索
document.onkeydown = function (event) {
	var e = event || window.event || arguments.callee.caller.arguments[0];
	if (e && e.keyCode == 13) {
		Login();
	}
};

十四、生成一个n到m之间的随机整数

// 生成一个n到m之间的随机整数 
function getRandom(n,m) {
	var choise = m - n + 1;
	return Math.floor(Math.random() * choise + n);
}