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

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 获取当前年月日时分秒星期

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