javascript - 如何通过单击将变量（数字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;
}

此外，您可以将 id 保存在 SessionStorage、LocalStorage 或 Cookies 中。

Answer 3

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

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

sessionStorage["varname"] = x;

Answer 4

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

就像是：

index.html?variable=value

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

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