JavaScript工作脚本笔记整理
整理一篇工作中的JavaScript工作脚本笔记，学而三省吾身。
成都创新互联公司于2013年成立，先为莲湖等服务建站，莲湖等地企业，进行企业商务咨询服务。为莲湖企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
(1) 获取Url绝对路径
function getUrlRelativePath()
{
var url = document.location.toString();
var arrUrl = url.split("//");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);//stop省略，截取从start开始到结尾的所有字符
if(relUrl.indexOf("?") != -1){
relUrl = relUrl.split("?")[0];
}
return relUrl;
}
(2) 获取Url请求参数
function GetRequest() {
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;
}
var Request = new Object();
Request = GetRequest();
(3) 获取特定请求参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 这样调用：
alert(GetQueryString("参数名1"));
(4) stringify函数
将现有的对象转换为JSON字符串, 则可以使用 JSON.stringify(obj)函数
(5) setTimeOut函数
javascript延时3秒执行method函数
setTimeout(function(){ method()},3000);
(6) js 获取当前年月日时分秒星期
$("#aa").click(function () {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
var currentTime = "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
alert(currentTime);
});
(7) Ajax请求显示加载中提示
$.ajax({
type: "post",
url: loadurl,
async: true,
i:Math.random(),
success:function(data){
$("#tra_"+id).html(data);
}
beforeSend:function(){
$("#tra_"+id).html('加载中...');
}
});
(8) 大量if…else…的替换方法
遇到需要写很多if…else…的情况，或许可以考虑如下的哈希字典匹配的方法，或者用状态模式实现
例子：
/* 不用if...else，改成哈希字典匹配的方法 */
//if...else...方法
/* var itemTypeStr = '';
if(rowdata.itemType == '1'){
itemTypeStr = '行政许可';
}else if(rowdata.itemType == '2'){
itemTypeStr = '非行政许可';
}else if(rowdata.itemType == '3'){
itemTypeStr = '公共服务事项';
} */
var itemTypeReg = {
'0':'',
'1':'行政许可',
'2':'非行政许可',
'3':'公共服务事项',
'4':'备案',
'5':'其他',
'6':'行政征收',
'7':'行政确认',
'8':'行政年检',
'9':'其他行政权力',
'10':'行政处罚',
'11':'行政强制',
'12':'行政给付',
'13':'行政检查',
'14':'行政奖励',
'15':'行政裁决'
}
var itemType = rowdata.itemType;
//itemType为1~15的数，哈希匹配的方法，例子仅供参考
itemType = itemTypeReg[itemType];
return itemType;
(9) 字符串长度获取(支持中文)
获取字符串的长度，有时候经常就是str.length直接获取，其实在字符串没有中文的情况是可以的，但是一旦有中文，就会发现这样获取其实是不正确的。因为中文占两个字节
function getStrRealLen(str) {
///获得字符串实际长度，中文2，英文1
///要获得长度的字符串
var realLength = 0, len = str.length, charCode = -1;
for (var i = 0; i < len; i++) {
charCode = str.charCodeAt(i);
if (charCode >= 0 && charCode <= 128) realLength += 1;
else realLength += 2;
}
return realLength;
};
前端进阶者学习交流q-u-n---731771211
网站栏目：JavaScript工作脚本笔记整理
标题来源：http://cdiso.cn/article/igcpio.html
