前端开发常用的代码合集

js打印日志

console.log("原始数据：",data);

js生成uuid

// 生成uuid
function uuid(){
	var s = [];
	var hexDigits = "0123456789abcdef";
	for(var i = 0;i<36;i++){
		s[i] = hexDigits.substr(Math.floor(Math.random() * 0*10),1);
	}
	s[14] = "4";  // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);  // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23] = "-";

	 var uuid = s.join("");
     return uuid;
}

js去除空格

// html input插入下面代码
onblur = "clearBlank(rolename)";

// js代码
// 去除空格
function clearBlank(that){
	var value = $(that).val();
	var vv = value.replace(/\s+/g,"");
	$(that).val(vv);
}

ajax请求完成返回值处理

console.log("修改名 称返回值->",data);
if(data.code == 0){
	layer.msg(data.message,{shift:-1,time:3000},function(){
		location.href = "dataAuthorityRoleList.html";
	})
} else {
	layer.msg(data.message,{shift:-1,time:3000},function(){

	})
}

js给数组指定位置添加元素

这里的acquiredData是数组对象，splice是给数组指定位置添加元素的方法，
第一个参数是要添加元素的位置（下标）
第二个参数是要删除的元素的下标（如果是0则为追加元素）
第三个参数是需要添加的元素

jquery清空元素内容

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

// 清空内容
$("#iframee").empty();
// 清空内容
$("#iframee").remove();

jquery添加元素内容

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

jquery模拟点击按钮

$("#columnHref").click();

#columnHref是按钮的id

css将元素固定在一个地方不随页面的滚动而滚动

<button style="position: fixed;right: 100px;bottom: 10px;" class="btn btn-primary" type="submit" onclick="add()">

js获取url后的参数值

// 获取url后的参数值
function getUrlParam(key){
	var href = window.location.href;
	var url = href.split("?");
	if(url.length <= 1){
		return "";
	}
	var parms = url[1].split("&");

	for(var i=0; i < params.length;i++){
		var param = params[i].split("=");
		if(key == param[0]){
			return param[1];
		}
	}
}

// 调用示例
function initData() {
    var roleid = getUrlParam("roleid");
    var rolename = getUrlParam("name");
    $('#roleid').val(roleid);
    $('#rolename').val(decodeURI(rolename));
}

禁用所有的input和select

$("input").attr("disabled", "disabled");
$("select").attr("disabled", "disabled");