前端总结方法（一）

一、时间修改（从毫秒转换成2018-03-06 17:59:51格式）

function getMyDate(str){  
            var oDate = new Date(str),  
            oYear = oDate.getFullYear(),  
            oMonth = oDate.getMonth()+1,  
            oDay = oDate.getDate(),  
            oHour = oDate.getHours(),  
            oMin = oDate.getMinutes(),  
            oSen = oDate.getSeconds(),  
            oTime = oYear +'-'+ getzf(oMonth) +'-'+ getzf(oDay) +' '+ getzf(oHour) +':'+ getzf(oMin) +':'+getzf(oSen);//最后拼接时间  
            return oTime;  
        };  
        //补0操作  
        function getzf(num){  
            if(parseInt(num) < 10){  
                num = '0'+num;  
            }  
            return num;  
        }  

二、后退

$('.accidentDetailsCome i').on("click",function(){
    window.history.back(-1); 
});

三、打开新的页面

target:"_blank;" 在a标签中加上

四、判断字符串中是否包含特定字符

var provice=p.acci_province;/*省份*/
if(provice.indexOf("市") >= 0 ) { 
	provice=provice;
}else{
	provice=provice+'市';
}

五、拼接字符串

if(pipeline_type==''){
	pipeline_type+=screeningValue;
}else{
	pipeline_type+=','+screeningValue;
}

     例：

六、清除本地缓存

       var storage=window.localStorage;
       for(var i=0;i<storage.length;i++){
           var key=storage.key(i);
           if (key != 'keyName' && key != 'keyPass' && key.indexOf('acci_') != -1) {
             storage.removeItem(key);
           }
        }

七、添加回车事件

    按起的时候触发事件-->回车的码是13   trigger触发事件   

$(document).keyup(function(event){
    var title=$(document).attr("title");
	if(event.keyCode ==13){
		if(title=="事故搜索列表"){
			$("#accidentSearch").trigger("click");
		}else{
			$("#accidentSearchInput").trigger("click");
		}
	}
});if(event.keyCode ==13){
		if(title=="事故搜索列表"){
			$("#accidentSearch").trigger("click");
		}else{
			$("#accidentSearchInput").trigger("click");
		}
	}
});

八、table表头固定+滚动条

页面

                <table>
    			<thead>
    				<tr>
    					<th>姓名</th>
	    				<th>性别</th>
	    				<th>家庭住址</th>
	    				<th>联系电话</th>
	    				<th>备注</th>
	    				<th>邮箱</th>
    				</tr>
    			</thead>
    			<tbody>
    			<tr> <td>woq</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			<tr> <td>aaa</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> <td>q</td> </tr>
    			</tbody>
    		</table>

css

table{ margin:0 auto; border-collapse:collapse;text-align: center;border: 1px solid black;}
thead{background: #245269;display: block;}
tbody{display: block;overflow-y:auto ;height: 200px;}
td,th{width: 82px;min-width: 82px;max-width: 82px;}display: block;}
tbody{display: block;overflow-y:auto ;height: 200px;}
td,th{width: 82px;min-width: 82px;max-width: 82px;}

效果

************************未更完********************************