如何通過url將參數傳遞給javascript並將其顯示在頁面上？

Question

例如，我有這樣的網址：www.mysite.com/my_app.html

如何將值「Use_Id = abc」傳遞給它並使用javascript在該頁上顯示？

Answer 1

不應該太難編寫你自己的，而不需要外部庫。

// www.mysite.com/my_app.html?Use_Id=abc 

var GET = {}; 
var query = window.location.search.substring(1).split("&"); 
for (var i = 0, max = query.length; i < max; i++) 
{ 
    if (query[i] === "") // check for trailing & with no param 
     continue; 

    var param = query[i].split("="); 
    GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || ""); 
} 

用法：GET.Use_id或GET["Use_id"]。您還可以使用"Use_id" in GET（將返回true或false）來檢查參數是否存在，即使它具有空值。

Answer 2

www.mysite.com/my_app.html?use_id=abs

var qs = new QueryString() 

// use_id is now available in the use_id variable 
var use_id = qs.get("use_id"); 

獲取QueryString()代碼here

Answer 3

有這個類似的問題在這裏What is the easiest way to read/manipulate query string params using javascript?

這似乎使用jQuery的查詢字符串插件推薦：http://plugins.jquery.com/project/query-object

Answer 4

www.mysite.com/my_app.html?Use_Id=abc 


var querystring = window.location.querystring; 
var myValue = querystring["Use_Id"]; 

更新：鏈接到庫（謝謝@Andy E），http://prettycode.org/2009/04/21/javascript-query-string/

Answer 5

調用頁面www.mysite.com/my_app.html?Use_Id=abc

然後在頁面中使用類似的JavaScript函數：

var urlParam = function(name, w){ 
    w = w || window; 
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'), 
     val = w.location.search.match(rx); 
    return !val ? '':val[1]; 
} 

要使用它：

var useId = urlParam('Use_Id'); 

第二個參數w是可選的，但如果有用的話您想要讀取iframe或父窗口上的參數。