js常用代码

js url传参，获取？后面参数，返回对象

function GetRequest() {   
	   var parameters = window.location.search; //获取url中"?"符后的字串   
	   var theRequest = new Object();   
	   if (parameters.indexOf("?") != -1) {   
	      var str = parameters.substr(1);   
	      strs = str.split("&");   
	      for(var i = 0; i < strs.length; i ++) {   
	         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);   
	      }   
	   }   
	   return theRequest;   
	}   
	var parameter = GetRequest();
		
		console.log(parameter.energy);

回调看返回体

,success:(function (res){
				console.log(res);
			})

时间戳转时间

util.timeAgo（）

函数节流

/**
*  @  { Function} callBack 回调程序    
*  @  { Number } delay  延时时间
*  @  { Number }  intervalTime  间隔时间
*  return  { Function }
*/
function thorttleFn(callBack,delay,intervalTime){
    var timer=null;  // 定时器变量
    var time=0;  // 时间变量
    return function(){
        var context=this;
        var curTime=new Date();  // 当前执行的时间
        clearTimeout(timer);  //  清除上次的定时器
        
        if(!time){
            time=curTime;
        }
        // 当前执行时间距离上次执行的时间是否大于等于间隔时间
        if(curTime - time >= intervalTime){
            time=curTime;
            callBack.apply(context,arguments)
        }else{
            timer=setTimeout(()=>{
                callBack.apply(context,arguments)
            },delay)
        }
    }
}

function myFunc() {
  var scroH = $(document).scrollTop(); //滚动高度
  var viewH = $(window).height(); //可见高度 
  var contentH = $(document).height(); //内容高度

  if(scroH >500){ //距离顶部大于500px时
    $(".QR-code").show("slow");
  }else{
    $(".QR-code").hide("slow");
  }
  if (contentH - (scroH + viewH) <= 100){ //距离底部高度小于100px
    
  }  
  if (contentH = (scroH + viewH)){ //滚动条滑到底部啦
    
  }  
  
};

//调用
$(document).scroll(thorttleFn(myFunc,50,300));

reset只重置表单部分数据

	$(document).ready(
		function(){
		var btn = document.getElementById("reset")
		btn.addEventListener('click',function (){
			var myInput = document.getElementById("userName");
			myInput.defaultValue = myInput.value; 
		},false)
	});

进入后台 按钮不可用加变色

button标签：
$('#submit').attr("disabled",true);
$('#submit').css({"cursor":"not-allowed","background-color":"gray"});

$('#submit').attr("disabled",false);
$('#submit').css({"cursor":"pointer","background-color":"#009688"});


a标签：
浏览器兼容性：
firefox 3.6+ chrom 2.0+ safari 4.0+支持这个css3属性，IE6/7/8/9不支持，11支持。

   $(".layui-layer .layui-layer-btn .layui-layer-btn0").css("pointer-events","none");
  $(".layui-layer .layui-layer-btn .layui-layer-btn0").css("background-color","gray");
  
  $(".layui-layer .layui-layer-btn .layui-layer-btn0").attr("pointer-events","auto");
 $(".layui-layer .layui-layer-btn .layui-layer-btn0").css("background-color","#1E9FFF");

jquery data 不区分大小写

if($(this).data("noterm") != ""){	//data("noTerm")错误，获取不到
				return flag = 0;
			}

把时间数组转成时间段

//转化前protectTime.hour="[0,1,2,3,5,6,9,10,16,17,18,19,20,21,22,23]"
					var arr = (protectTime.hours).replace("[","").replace("]","").split(',');
					arr.sort(function sequence(a,b){
						         return a - b;
						     });

					var arrearsDate = "";
					for(var i=0;i<arr.length;i++){
						var arrears = "";
						var ls=new Array();
						var str=arr[i];
						var flag=false;
						for(var j=0;j<arr.length;j++){
							var str1;
							str1 = arr[j];
							if(str1 == str){
								ls.push(str1);
								arr.splice(j,1);
								j--;//指针也回退
								flag=true;
								str = parseInt(str) + 1;
							}
						}
						if(flag){i--;}//指针也回退
						var start = "";
						var end = "";
						if(ls[0] < 10){
							start = "0"+ls[0]+":00";
						}else{
							start = ls[0]+":00";
						}
						
						if(ls[ls.length-1] < 10){
							end = "0"+ls[ls.length-1]+":00";
						}else{
							end = ls[ls.length-1] + ":00";
						}
						arrears = start + "~" + end;
						if(arrearsDate == null || arrearsDate == ''){
							arrearsDate = arrears;
						}else{
							arrearsDate = arrearsDate +","+ arrears;
						}
					}
//转化后arrearsDate ="00:00~03:00,05:00~06:00,09:00~10:00,16:00~23:00"

获取父页面的元素的方法

jquery 父、子页面之间页面元素的获取，方法的调用：

1. 父页面获取子页面元素：

    格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 

    实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id

2. 父页面调用子页面方法：

  格式：$("#iframe的ID")[0].contentWindow.iframe方法(); 

  实例：$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

3. 子页面获取父页面元素：

  格式：$("#父页面元素id" , parent.document);

  实例：$("#WeTabTip" , parent.document).click(); // pBtnOk 为父页面标签 id


原生 js 父页面元素的获取，方法的调用：

1. 子页面调用父页面方法：

    格式：parent.父页面方法

    实例：parent.pClick(); // pClick 为父页面 js 方法

2. 子页面获取父页面元素：

    格式：window.parent.document.getElementById("父窗口元素ID")

    实例：window.parent.document.getElementById("pBtnOk");// pBtnOk为父页面标签 id