獲取url參數js

❶ html頁面使用js截取Url參數，並且截取取出參數的前四位數字（取出參數為7為數字）

<script>
function Request(strName){
var strHref = document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++ ) {
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return 0;
}

var par = Request("par1").substring(0,4)
alert(par)
</script>

❷ javascript中怎麼獲取請求的參數

通過使用window.location.search可以獲取到當前URL的?號開始的字元串，如前專面的鏈接獲取到的search為?id=001，再對獲取的屬字元串進行處理，就可以獲取到參數的值了，參考代碼如下：
<SPAN style="FONT-SIZE: 14px">function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
</SPAN>
在調用上面的方法的時候，只要傳入參數的名稱，就可以獲取到想要的參數的值了，如:getUrlParam("id")。

❸ 前端使用js如何准確獲取當前頁面url網址信息

在WEB開發中，時常會用到javascript來獲取當前頁面的url網址信息，在這里是我的一些獲取url信息的小總結。

下面我們舉例一個URL，然後獲得它的各個組成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1

1、window.location.href(設置或獲取整個 URL 為字元串)

var test = window.location.href;

alert(test);

返回：http://i.cnblogs.com/EditPosts.aspx?opt=1

2、window.location.protocol(設置或獲取 URL 的協議部分)

var test = window.location.protocol;

alert(test);

返回：http:

3、window.location.host(設置或獲取 URL 的主機部分)

var test = window.location.host;

alert(test);

返回：i.cnblogs.com

4、window.location.port(設置或獲取與 URL 關聯的埠號碼)

var test = window.location.port;

alert(test);

返回：空字元(如果採用默認的80埠(update:即使添加了:80)，那麼返回值並不是默認的80而是空字元)

5、window.location.pathname(設置或獲取與 URL 的路徑部分（就是文件地址）)

var test = window.location.pathname;

alert(test);

返回：/EditPosts.aspx

6、window.location.search(設置或獲取 href 屬性中跟在問號後面的部分)

var test = window.location.search;

alert(test);

返回：?opt=1

PS：獲得查詢（參數）部分，除了給動態語言賦值以外，我們同樣可以給靜態頁面，並使用javascript來獲得相信應的參數值。

7、window.location.hash(設置或獲取 href 屬性中在井號「#」後面的分段)

var test = window.location.hash;

alert(test);

返回：空字元(因為url中沒有)

8、js獲取url中的參數值

一、正則法

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;}// 這樣調用：alert(GetQueryString("參數名1"));  alert(GetQueryString("參數名2"));  alert(GetQueryString("參數名3"));

二、split拆分法

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]] = unescape(strs[i].split("=")[1]);

    }

  }

  return theRequest;

}

var Request = new Object();

Request = GetRequest();<br>// var id=Request["id"];

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

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

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

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

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

三、指定取

比如說一個url：http://i.cnblogs.com/?j=js,我們想得到參數j的值，可以通過以下函數調用。

function GetQueryString(name) {

  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

  var r = window.location.search.substr(1).match(reg); //獲取url中"?"符後的字元串並正則匹配

  var context = "";

  if (r != null)

    context = r[2];

  reg = null;

  r = null;

  return context == null || context == "" || context == "undefined" ? "" : context;

}

alert(GetQueryString("j"));

四、單個參數的獲取方法

function GetRequest() {

  var url = location.search; //獲取url中"?"符後的字串

  if (url.indexOf("?") != -1) {  //判斷是否有參數

  var str = url.substr(1); //從第一個字元開始 因為第0個是?號 獲取所有除問號的所有符串

  strs = str.split("=");  //用等號進行分隔 （因為知道只有一個參數 所以直接用等號進分隔 如果有多個參數 要用&號分隔 再用等號進行分隔）

  alert(strs[1]);    //直接彈出第一個參數 （如果有多個參數 還要進行循環的）

  }

}

一、正則法

functiongetQueryString(name) {

  varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i');

  varr = window.location.search.substr(1).match(reg);

  if(r != null) {

    returnunescape(r[2]);

  }

  returnnull;

}

// 這樣調用：

alert(GetQueryString("參數名1"));

alert(GetQueryString("參數名2"));

alert(GetQueryString("參數名3"));

二、split拆分法

functionGetRequest() {

  varurl = location.search; //獲取url中"?"符後的字串

  vartheRequest = newObject();

  if(url.indexOf("?") != -1) {

    varstr = url.substr(1);

    strs = str.split("&");

    for(vari = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  returntheRequest;

}

varRequest = newObject();

Request = GetRequest();<br>// var id=Request["id"];

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

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

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

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

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

三、指定取

比如說一個url：http://i.cnblogs.com/?j=js,我們想得到參數j的值，可以通過以下函數調用。

functionGetQueryString(name) {

  varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i");

  varr = window.location.search.substr(1).match(reg); //獲取url中"?"符後的字元串並正則匹配

  varcontext = "";

  if(r != null)

     context = r[2];

  reg = null;

  r = null;

  returncontext == null|| context == ""|| context == "undefined"? "": context;

}

alert(GetQueryString("j"));

四、單個參數的獲取方法

functionGetRequest() {

  varurl = location.search; //獲取url中"?"符後的字串

  if(url.indexOf("?") != -1) {  //判斷是否有參數

   varstr = url.substr(1); //從第一個字元開始 因為第0個是?號 獲取所有除問號的所有符串

   strs = str.split("=");  //用等號進行分隔 （因為知道只有一個參數 所以直接用等號進分隔 如果有多個參數 要用&號分隔 再用等號進行分隔）

   alert(strs[1]);     //直接彈出第一個參數 （如果有多個參數 還要進行循環的）

  }

}

❹ JS正則表達獲取URL參數值 需要高人解釋下

var url = "http://127.0.0.1/e/action/ShowInfo.php?classid=9&id=2";//定義變數
function parse_url(_url){ //定義函數
var pattern = /(\w+)=(\w+)/ig;//定義正則表達式
var parames = {};//定義數組
url.replace(pattern, function(a, b, c){
parames[b] = c;
});
/*這是最關鍵的.當replace匹配到classid=9時.那麼就用執行function(a,b,c);其中a的值為:classid=9,b的值為classid,c的值為9;(這是反向引用.因為在定義正則表達式的時候有兩個子匹配.)
然後將數組的key為classid的值賦為9;然後完成.
再繼續匹配到id=2;此時執行function(a,b,c);其中a的值為:id=2,b的值為id,c的值為2;然後將數組的key為id的值賦為2.
*/
return parames;//返回這個數組.
}
var parames = parse_url(url);
alert(parames['classid'] + ", " + parames['id']);//最後列印.根據key值來列印數組對應的值

❺ JS獲取地址欄url參數

本章內容分為三部分：

開始之前先簡單了解一下

如：url地址: http://xxxxx:9010/test.html?leaf&le=2
window.location.search獲取到的就是 ?leaf&le=2 ;
window.location.search.substr(1)獲取到的就是 leaf&le=2 ;

一、JS獲取地址欄url參數：

如果你想獲取地址欄的其他參數，只需要執行 var 參數=getUrlParam('參數') ;
比如獲取參數a,執行 var a=getUrlParam('a') 就可以啦。簡單又實用。

二、解決請求介面亂碼問題
但是在我請求介面數據的時候，頁面獲取到是類似？？？這種亂碼。

然後我是這樣解決的：
1、發送方decodeURI編碼：

2、接收方encodeURI解碼
根據後台介面拼接url中使用encodeURI：

三、關於根據後台介面拼接url

整理筆記，不斷優化更新。如果有錯誤或可以優化的地方歡迎指出，互相學習，共同進步。
如果對你有用就點個小心心吧❤

❻ 利用js拿到當前頁面的url，並將地址賦值給某變數

var StrUrl=window.location.href;