• 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);   
     }
    
    
    
    
    
  • 相关阅读:
    tshark的命令使用
    svn log查看自己提交的记录
    账号安全 syyh
    Trivy 容器镜像扫描工具学习 syyh
    《关键对话》脑图整理 syyh
    Grafana 任意文件读取漏洞 (CVE202143798)学习 syyh
    容器安全管理 syyh
    【Sass/SCSS】我花4小时整理了的Sass的函数
    【JavaScript使用技巧】三个截取字符串中的子串,你用的哪个
    【SVG】为了前端页面的美丽,我选择学习SVG
  • 原文地址:https://www.cnblogs.com/mzq123/p/10111782.html
Copyright © 2020-2023  润新知