JavaScript实用笔记小结

整理一篇工作中的JavaScript脚本笔记，不定时更新，笔记来自网上资料或者自己经验归纳。

(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请求参数

(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 获取当前年月日时分秒星期
来自https://www.cnblogs.com/wdw31210/archive/2012/06/27/2565865.html
$("#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) {
///<summary>获得字符串实际长度，中文2，英文1</summary>
///<param name="str">要获得长度的字符串</param>
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;
};

(10) window.open打开之后关闭刷新实现
有些时候，要打开一个弹窗是用window.open实现，然后我尝试在弹窗页面做关闭窗口的上级页面刷新，发现并没有效果，网上找资料，找到一篇很好的博客 https://blog.csdn.net/wangshanny/article/details/46325537
/**
* 监听打开的弹窗，关闭后刷新页面
*/
function openWin(url,text,winInfo){
    var winObj = window.open(url,text,winInfo);
    var loop = setInterval(function() {
    if(winObj.closed) {
    clearInterval(loop);
    //alert('closed');
    parent.location.reload();
    }
    }, 1);
}
---------------------
作者：smileNicky
来源：CSDN
原文：https://blog.csdn.net/u014427391/article/details/84980219
版权声明：本文为博主原创文章，转载请附上博文链接！

JavaScript实用笔记小结

猜你喜欢