如何通过单击将变量（数字ID）从页面传递到另一个页面

Question

我有自动生成的内容和自动生成的按钮。按钮具有相同的链接，只有变量不同。如何将按钮单击的变量传递到另一个页面（从按钮onclick链接）。

生成按钮后，我给它一个函数，如：

$('.Button').click(function() { window.location ='page.html'; }); 

Answer 1

您可以简单地使用查询字符串。

http://mysite.com/page2.html?myid=1234

根据您的评论，您可以这样做：

$('.Button').click(function() { 
     var myid = 1234;
     window.location ='page.html?myid=' + myid; 
});

Answer 2

如果你想使用纯html / js来做 - 尝试将哈希添加到页面，如上面的代码：

onClick {
 document.location = "/yourPage.html#id";
}

onLoad {
var id = window.location.hash;
}

此外，您可以在SessionStorage，LocalStorage或Cookies中保存ID。

Answer 3

如果您不关心变量是否公开，可以将其作为查询字符串http://domain/pagename.html?varname=2&othervar=2添加到网址。

如果它位于同一个域中，您可以将其添加到sessionStorage

sessionStorage["varname"] = x;

Answer 4

您可以将其设置为URL查询字符串中的变量，然后读取该值的查询字符串。

类似的东西：

index.html?variable=value

另一种选择是使用变量key / value设置cookie，然后在页面加载时读取cookie。

document.cookie=variable + "=" + value;