首頁 > web前端 > html教學 > 在HTML頁面使用JS取得Get參數方法的範例程式碼分享

在HTML頁面使用JS取得Get參數方法的範例程式碼分享

黄舟
發布: 2017-04-24 10:19:38
原創
4144 人瀏覽過

這裡是一個取得URL帶QUESTRING參數的JAVASCRIPT客戶端解決方案,相當於asp的request.querystring,PHP的$_GET

這裡是一個取得URL帶QUESTRING參數的JAVASCRIPT客戶端解決方案,相當於asp的request.querystring,PHP的$_GET

函數:

#
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]]=(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
登入後複製

然後我們透過呼叫此函數取得對應參數值:

var Request = new Object();
Request = GetRequest();
登入後複製

var 參數1,參數2,參數3,參數N;

參數1 = Request[''參數1''];

參數2 = Request[''參數2''];

參數3 = Request[''參數3''];

參數N = Request[''參數N' '];

以此取得url字串中所帶的同名參數

二、正規分析法。

function GetQueryString(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
   var r = window.location.search.substr(1).match(reg);
   if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
登入後複製

以上是在HTML頁面使用JS取得Get參數方法的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板