zoukankan      html  css  js  c++  java
  • js处理url参数

    哎,又是一道笔试题……都怪我太懒,不多思考。之前一直用别人的代码来获取url参数值,别人的代码是用正则表达式来写的,代码如下:

    1 function getURLParam(name) {
    2     return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/+/g, '%20')) || null;
    3 }

    参数解释:name指要获取的参数名,字符串变量。

    正则表达式解释:

    new RegExp('(?|&)' + name + '=([^&;]+?)(&|#|;|$)', "ig")的意思是:
    ①创建一个正则表达式,匹配以字符?或者&开始,中间含有=的,并以&或#或;或$结束的字符串。
    ②ig意思是忽略大小写,进行字符串全局搜索。

    exec方法为检索字符串中的正则表达式的匹配,存在匹配字符串则返回一个数组(第0个元素为正则表达式匹配的字符串,1,2,3...等分别存储正则表达式字串的匹配字符),不存在则返回null值。
    这里取第一个子表达式(即:([^&;]+?))所匹配到的字符串,也就是我们想要的字串
    exec方法学习:JavaScript exec() 方法
    location.serach为url中?及其后边的字串(包含?)。

    笔试刚看到这道题时,脑子里都是悔恨啊,悔恨到居然把split函数给忘了!!虽然这样写很鸡肋,但是还是能解决问题的!

    用split写的鸡肋代码:

     1 function getUrlParam(name){
     2         var arr = decodeURIComponent(location.search.split('?')[1]).split('&');
     3         var request=[];
     4         var temp=[];
     5         for(var i = 0;i<arr.length;i++){
     6             temp = arr[i].split('=');
     7             request[temp[0]] = temp[1];
     8         }
     9         return request[name] || null;
    10     }

    代码就不解释了。就是用split不断的切割切割...

  • 相关阅读:
    vue 虚拟列表
    图片验证
    md5 文件上传
    js中apply方法的使用
    js通过replace()方法配合正则去除空格
    使用bind()方法扩充作用域
    取数组最大最小值得方法
    css穿透点击
    为什么选择器li#id名/li.类名的写法
    子元素与父元素等高
  • 原文地址:https://www.cnblogs.com/zquancai/p/4048371.html
Copyright © 2011-2022 走看看