1.常用事件
oninput //鍵盤輸入事件,IE9及以上支持
onkeydown //按下鍵盤事件犁苏,瀏覽器均支持
onkeyup //釋放鍵盤事件,瀏覽器均支持
onpaste //粘貼事件朴乖,瀏覽器均支持
oncontextmenu //鼠標(biāo)右擊事件助赞,瀏覽器均支持
2.常見限制輸入框輸入
//只能輸入中文
oninput="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
//只能輸入數(shù)字
oninput="value=value.replace(/[^\d]/g,'')"
//只能輸入中文、字母雹食、數(shù)字
oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g,'')"
//只能輸入字母、數(shù)字
oninput="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')"
3.獲取URL中的參數(shù)
//跨頁傳參吃挑,常見適用場景:news列表頁到詳情頁
function getParam() {
var url = location.search; //獲取URL中"?"符后的字符串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.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;
}
//獲取URL中的類別和編號
var request = new Object(getParam());
var LeiBie = request.LeiBie;
var BianHao = request.BianHao;
//調(diào)用ajax查詢詳情
getInfoDetail(LeiBie, BianHao);
//跨頁傳參街立,常見適用場景:將查詢框中的參數(shù)放入URL,從URL獲取查詢框的參數(shù)
function getURLParam(param) {
var reg = new RegExp('(^|&)' + param + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
var keyword = decodeURIComponent(getURLParam("keyword")); //需要對編碼后的參數(shù)進(jìn)行解碼
4.特殊字符可轉(zhuǎn)換為16進(jìn)制傳入后端
序號 |
特殊字符 |
十六進(jìn)制值 |
1 |
% |
%25 |
2 |
# |
%23 |
3 |
& |
%26 |
4 |
$ |
%24 |
5 |
+ |
%2B |
6 |
= |
%3D |
7 |
空格 |
%20 |
8 |
/ |
%2F |
9 |
\ |
%5C |
10 |
? |
%3F |
5.通過正則高亮查詢關(guān)鍵字
function getSearchList(keyword, type, curPage, pageSize) {
$.ajax({
url: "/Main/GetSearchResultList?Rdm=" + Math.floor(Math.random() * 1000),
type: "POST",
dataType: "json",
async: true,
cache: false,
data: { 'keyword': keyword,'type': type,'pn': curPage,'ps': pageSize },
success: function (data) {
for (var i = 0; i < data.ds.length; i++) {
var standardDate = converDate(data.ds[i].FABUSJ); //格式化時間
//var highlightKW = "";
//if (assignKW.match(RegExp(/$/))) {
// assignKW = keyword;
// highlightKW = data.ds[i].BIAOTI.replace(new RegExp(assignKW, 'g'), "<font color='#E64D42'>" + assignKW + "</font>"); //結(jié)果列表中高亮關(guān)鍵字
// highlightKW = highlightKW.replace(/%24/g, "$");
//} else {
// highlightKW = data.ds[i].BIAOTI.replace(new RegExp(assignKW, 'g'), "<font color='#E64D42'>" + assignKW + "</font>"); //結(jié)果列表中高亮關(guān)鍵字
//}
data.ds[i].BIAOTI = data.ds[i].BIAOTI.replace(/%5C/g, "\\");//存在問題\蟹瘾、\\、$
var highlightKW = data.ds[i].BIAOTI.replace(new RegExp(assignKW, 'g'), "<font color='#E64D42'>" + assignKW + "</font>"); //結(jié)果列表中高亮關(guān)鍵字
if (type == "新聞公告") {
$(".JTXWList").append('<li><span class="title"><span class="leibie">[' + data.ds[i].LEIBIE + '] </span><a href="../../Views/User/newsDetail.aspx?LeiBie=' + encodeURI(encodeURI(data.ds[i].LEIBIE)) + '&BianHao=' + data.ds[i].BIANHAO + '" target="_blank" title="' + data.ds[i].BIAOTI + '">' + highlightKW + '</a></span><span class="date">' + standardDate + '</span></li>')
}
if (type == "政策法規(guī)") {
$(".JTXWList").append('<li><span class="title"><span class="leibie">[' + data.ds[i].LEIBIE + '] </span><a href="../../Views/User/policiesDetail.aspx?LeiBie=' + encodeURI(encodeURI(data.ds[i].LEIBIE)) + '&BianHao=' + data.ds[i].BIANHAO + '" target="_blank" title="' + data.ds[i].BIAOTI + '">' + highlightKW + '</a></span><span class="date">' + standardDate + '</span></li>')
}
}
$("#totalItem").html("共 "+ totalItem +" 條 ");
$("#totalPage").html("共 " + totalPage + " 頁 ");
},
complete: function(XHR, TS){
XHR = null
},
error: function (e) {
alert("服務(wù)器太累啦,還需要喘口氣呢~")
}
})
}