Js-提高效率（常见代码复用）

HTML代码

a标签执行方法

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

1
2
3
ps：
a href=#与 a href=javascript:void(0) 的区别

http://blog.csdn.net/fightplane/article/details/5190037

h5 input 提示属性

placeholder="单元/住户名称"

1

CSS代码

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

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

1

js/jquery代码

页面初始化

$(function(){});

1

判断一个元素是否定义

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

1

js添加样式

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

1
2
3
4
5
6

通过className批量执行方法

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

1
2
3

判定复选框是否选中事件

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

1
2
3
4

复选框选中事件

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

1
2
3
4
ps
jquery中attr和prop的区别

jQuery数字运算

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

1
2

js四舍五入

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

1
2
3

jquery操作下拉框

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

1
2
3
4

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;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

处理中文乱码

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

1
2
3
4
5

去除空格

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13

回车执行js

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

1
2
3
4
5
6
7
8

禁用删除键后退

//处理键盘事件 禁止后退键（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;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

ajax请求

1.$.post

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

1
2
3
4
5
6
7

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;
}
});

1
2
3
4
5
6
7
8
9
10
11
12

获取随机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('');
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

获取cookie

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

1
2
3
4
5
6
7
8

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" %>