JS获取（地址栏）URL参数值详解！！！

                                                    【书山有路勤为径，学海无涯苦作舟】

如果有如下地址：https://blog.csdn.net/T_SmileEyes/article/details/82466428?task=http%3a%2f%2fwritts&word=helloworld! 

我们该如何获取task或者word的值呢？？？

 

方法一：

split()方法的使用

  function GetRequest() { 
      //var url = location.href ; 

      var url =  "https://blog.csdn.net/T_SmileEyes/article/details/82466428?task=http%3a%2f%2fwritts&word=helloworld!"            
      var theRequest = new Object(); 

      //var obj = {};
      if (url.indexOf("?") != -1) {   
          var str = url.split("?");   //获取url中"?"符后的子串，str为数组【】 
          strs = str[1].split("&"); 
          for(var i = 0; i < strs.length; i ++) {
              theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
          } 
      } 
      return theRequest; 
  } 
  var req = GetRequest(); 

  var task = req['task '];

  var word= req['word'];

  console.log(task); 

  console.log(word);
 

 

方法二：

正则表达式去匹配

  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;
  }
 
  var task= getQueryString("task");
  console.log(task);

 

                                                                           

                                                                                                                                         【如有错误，请大神留言指正】