Question

是否可以通过链接将两个变量传递到另一个html页面？

例如......我有一个目录页面，当用户点击商店链接时，它会链接到另一个html页面，地图以特定商店为中心。使地图在商店中心的功能需要两个变量storeID，storeName。有数百个商店，目前我必须通过硬编码这两个变量来分别手动创建每个商店页面，以便每个页面加载略有不同。有没有办法用链接传递这两个变量，以避免许多不同的html页面？

也许是<a href "thisPage.html", var1, var2>?

的内容

离。代码

thispage.html

var1;
var2; 

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

Answer 1

不是那样，但您可以使用网址参数。

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。

Answer 2

使用查询字符串。

在网址中，?表示查询的开始。它由一系列由&个字符分隔的键=值对组成。

encodeURIComponent函数将转义文本以作为键或值插入。

然后，您可以将其分配给link元素的href属性，或将location.href设置为该链接元素。

html链接变量

2 个答案: