2012-08-10 83 views
0

是否可以通過鏈接將兩個變量傳遞到另一個html頁面?html鏈接變量

例如...我有一個目錄頁面,當用戶點擊一個商店鏈接時,它鏈接到另一個html頁面,地圖以特定商店爲中心。在商店中心映射的函數需要兩個變量,storeID和storeName。有數百個商店,目前我將不得不手動創建每個商店頁面,方法是對這兩個變量進行硬編碼,以便每個頁面的加載都稍有不同。有沒有辦法通過鏈接傳遞這兩個變量,以避免許多不同的HTML頁面?

也許東西沿着<a href "thisPage.html", var1, var2>?

前的線路。代碼

thispage.html

var1; 
var2; 

function myFunc(var1, var2) { 
    ~~~ 
} 
+1

通過查詢字符串發送它們 – 2012-08-10 18:25:50

+0

您可以使用URL的哈希部分設置並獲取要在javascript中使用的變量。 – gcochard 2012-08-10 18:26:17

+0

地圖是商店頁面上唯一不同的地方嗎?我希望看到地址和開放時間。 – Quentin 2012-08-10 18:28:22

回答

0

使用查詢字符串。

在URL中,?指示查詢的開始。它由一系列由&字符分隔的鍵=值對組成。

encodeURIComponent函數將轉義文本作爲鍵或值插入。

然後,您可以將其分配給鏈接元素的href屬性或將它設置爲location.href

+0

乾杯!正是我需要的。謝謝。 – Krann90 2012-08-10 18:30:43

1

不是這樣,但你可以使用URL參數。

thisPage.html?var1=foo&var2=bar 

然後你可以在第二頁上閱讀它們。我喜歡使用此功能爲:

function gup(name) 
{ 
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
    var regexS = "[\\?&]"+name+"=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(window.location.href); 
    if(results == null) 
    return ""; 
    else 
    return results[1]; 
} 

http://www.netlobo.com/url_query_string_javascript.html

所以你的第二頁上,你可以做gup("var1"),你會得到foo

+0

完美!正是我在找的東西。謝謝。 – Krann90 2012-08-10 18:30:08