Javascript获取url参数(queryString)一个比较简洁的方法

来源:互联网 发布:双向数据绑定原理 编辑:程序博客网 时间:2024/05/17 21:53
  通过JavaScript获取url中的参数信息不是很困难,方法很多。之所以用这个方法,是觉得它利用了正则表达式,很简练。  
  1.      function getQuery(name) 
  2.      {
  3.         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  4.         var r = window.location.search.substr(1).match(reg);
  5.         if (r != null)
  6.             return unescape(r[2]);
  7.         return null;
  8.      }

    例如有个需求,在一个页面中用Javascript实现根据url参数ErrType的不同的值在页面中显示不同的错误信息:

  1. <div id="divError" style="color:red;font-weight:bold;text-align:center;width:100%;height:300px;padding-top:30px;"></div>
  2. <script language="javascript">
  3.     // define the descriptions of errors
  4.     var errInfos = { "1" : "The submitting user should not be allowed to review his submissions",
  5.                               "2" : "Reviewers cannot review the same submission twice",
  6.                               "3" : "Only people in the “reviewers” group should be able to access the review form"
  7.                             }                   
  8.      function getQuery(name) 
  9.      {
  10.         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  11.         var r = window.location.search.substr(1).match(reg);
  12.         if (r != null)
  13.             return unescape(r[2]);
  14.         return null;
  15.      }      
  16.            var errType = getQuery( "ErrType" )
  17.            if( errType )
  18.                   document.getElementById("divError").innerText = errInfos[errType]  
  19. </script>
原创粉丝点击