提升代码的效率--复用

#HTML代码
##a标签执行方法

/*严谨写法*/
<a href="javascript:void(0)" onclick="del('id')"></a>
<a href=javascript:del('id'); >删除</a>

ps：
a href=#与 a href=javascript:void(0) 的区别
http://blog.csdn.net/fightplane/article/details/5190037
##h5 input 提示属性

placeholder="单元/住户名称"

#CSS代码
##用英文设置字体，防止乱码

body{font-family: "微软雅黑","Microsoft Yahei";}

#js/jquery代码

##页面初始化

 $(function(){});

##判断一个元素是否定义

typeof($("#XXX").val())=='undefined'

##js添加样式

//单个
$('#id').css("fontWeight","bold");
//多个
$('#id').css({"fontWeight":"bold","fontSize":"100px"});
//已定义好css
$('#id').addClass("fmt");

##通过className批量执行方法

$(".Wdate").each(function (){
	data = $(this).val();
});

##判定复选框是否选中事件

//true or false
$('#checkedbox').prop("checked")==true 
//true or false
$('#checkedbox').is(':checked')

##复选框选中事件

//通过id
$("#check").prop("checked","checked"); 
//通过value
$("input[value='"+val+"']").prop("checked","checked"); 

ps
jquery中attr和prop的区别

jQuery数字运算

var n=$("#num").html();
var num=parseInt(n)+1;

##js四舍五入

$('#id').val(id.toFixed(2));
//Number(data).toFixed(2)
$('#id).val(Math.round(id*10)/10);

##jquery操作下拉框

//添加option
$('select').append("<option value=''></option>");
//设置某个值为默认选中
$("select option[value='"+val+"']").attr("selected","selected");

##js格式化金额

//返回值为 千位分节符 185,910.02
function formatCurrency(num){
	var returnStr = "";
    num = num.toString().replace(/\$|\,/g,'');
    if(isNaN(num))
    num = "0";
    sign = (num == (num = Math.abs(num)));
    num = Math.floor(num*100+0.50000000001);
    cents = num%100;
    num = Math.floor(num/100).toString();
    if(cents<10)
    cents = "0" + cents;
    for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
    num = num.substring(0,num.length-(4*i+3))+','+
    num.substring(num.length-(4*i+3));
	returnStr = "<b>"+(((sign)?'':'-') + num + '.' + cents)+"</b>";
    return returnStr;
}

##处理中文乱码

//编码
var url = "form?userName="+userName;
var eUrl = encodeURI(url);//对URL进行编码
//对URL进行解码
var dUrl = decodeURI(url.substring(url.indexOf("?userName=")+8));

##去除空格

str为要去除空格的字符串:

//去除所有空格:   
str = str.replace(/\s+/g,"");       

//去除两头空格:   
str = str.replace(/^\s+|\s+$/g,"");

//去除左空格：
str = str.replace( /^\s*/, '');

//去除右空格：
str = str.replace(/(\s*$)/g, "");

##回车执行js

$(function(){
    $('input').keyup(function (event) {
        var e = event|| window.event;
        if (e.keyCode == "13") {
            login();
        }
    });
});

##禁用删除键后退

//处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外   
function banBackSpace(e){     
    var ev = e|| window.event;//获取event对象 
    var obj = ev.target || ev.srcElement;//获取事件源

    var t = obj.type||obj.getAttribute('type') ||obj.tagName.toLocaleLowerCase();//获取事件源类型     
      
    //获取作为判断条件的事件类型   
    var vReadOnly = obj.getAttribute('readonly');  
    var vEnabled = obj.getAttribute('enabled');  
    //处理null值情况   
    vReadOnly = (vReadOnly == null) ? false : vReadOnly;  
    vEnabled = (vEnabled == null) ? true : vEnabled;  
      
	//当敲Backspace键时，事件源类型为密码或单行、多行文本的，
	//div是指演变的textarea，如editor编辑器
    //并且readonly属性为true或enabled属性为false的，则退格键失效   
    var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea"||t=="div") 
                && (vReadOnly==true || vEnabled!=true))?true:false;  
     
    //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效   
    var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"&&t != "div") ?true:false;
      
    //判断   
    if(flag2){  
        return false;  
    }  
    if(flag1){     
        return false;     
    }     
}  
  
//禁止后退键 作用于Firefox、Opera   
document.onkeypress=banBackSpace;  
//禁止后退键  作用于IE、Chrome   
document.onkeydown=banBackSpace;

##ajax请求
###1.$.post

$.post(actionURL,watchData,function(data){
	if(data.success){
		refresh();//成功之后执行的方法	
	}else{
		alert(data.msg);
	}
});

###2. jQuery发送ajax请求

var res = "";
jQuery.ajax({
	type:"post",
	//设置同步方式，true异步，false同步，默认异步
	async:false,
	url:url,
	dataType:"json",
	data:{params:params },
	success:function(data){
	    res=data.msg;
	}
});

##获取随机32位id

function getUuid(){
	var len=32;//32长度
	var radix=16;//16进制
	var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
	var uuid=[],i;radix=radix||chars.length;
	if(len){
		for(i=0;i<len;i++)uuid[i]=chars[0|Math.random()*radix];
	}else{
		var r;uuid[8]=uuid[13]=uuid[18]=uuid[23]='-';uuid[14]='4';
		for(i=0;i<36;i++){
	 	if(!uuid[i]){
	 		r=0|Math.random()*16;uuid[i]=chars[(i==19)?(r&0x3)|0x8:r];
	 	}
		}
	}
	return uuid.join('');
}

##获取cookie

function getCookie(name){ 
	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	if(arr=document.cookie.match(reg)){
	    return unescape(arr[2]); 
	}else {
	    return null; 
	}
}

#jsp代码
##jstl标签

<!--jstl 核心标签库-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<!--jstl 截断标签库-->
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<!--去除JSTL留下的空白行-->
<%@ page trimDirectiveWhitespaces="true" %>

ps:
jsp去除JSTL标签库"include, taglib"等留下的空白行
http://blog.csdn.net/testcs_dn/article/details/38314663