Javascript擷取url參數(queryString)一個比較簡潔的方法

來源:互聯網
上載者:User
  通過JavaScript擷取url中的參數資訊不是很困難,方法很多。之所以用這個方法,是覺得它利用了Regex,很簡練。  

  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>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.