HTML 链接变量

html link variable

本文关键字:变量 链接 HTML      更新时间:2023-09-26

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

例如。。。我有一个目录页面,当用户单击商店链接时,它会链接到另一个 html 页面,地图以特定商店为中心。将地图以存储为中心的函数采用两个变量,storeID,storeName。有数百家商店,目前我必须通过对这两个变量进行硬编码来分别手动创建每个商店页面,以便每个页面的加载略有不同。有没有办法用链接传递这两个变量,以避免许多不同的html页面?

也许类似于<a href "thisPage.html", var1, var2>?

例如代码

此页.html

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

不是那样的,但您可以使用 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

使用查询字符串。

在 URL 中,?指示查询的开始。它由一系列由&字符分隔的键=值对组成。

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

然后,可以将其分配给链接元素的 href 属性或为其设置location.href