javascript，html onclick更改变量

Question

我有一系列链接，每个链接属于不同价格的不同产品。

例如:

<%a class="items" href="order.htm" alt="" onclick="javascript: num = 149.99">Content<%/a>

在用户点击其中一个产品链接后，我希望能够在订单页面上显示该特定产品的价格。是否可以保留更改后的变量以在单独的订单页面上使用？如果是，怎么办？

这纯粹是为了我个人对 JavaScript 和 HTML5 的探索。

编辑:好的，所以使用 sessionStorage，我可以设置和获取变量。

例如:

myVar = window.sessionStorage;
myVar.setItem("key", "149.99");

现在，我如何将 var 与产品链接集成，然后在下一页调用该 var？

Answer 1

如果您要创建购物页面，我肯定会建议您包含一些 PHP。只有 JS 和 HTML，你会遇到很多问题，你必须找到解决方法。

使用像 PHP 的 $_SESSION superglobal 这样的服务器端存储。任何客户端存​​储都可能被操纵。你是说你不会发布它，但无论如何都要保持干净，不要以更糟糕的方式学习自己。

无论如何，如果您只是想让它正常工作，请使用以下命令来存储数据并在之后获取它:

//store data on the initial page using setItem()
sessionStorage.setItem("mykey", "Some Value");

//on the next page get it with getItem() and declare it as a var
var persistedval = sessionStorage.getItem("mykey");
­
//Now you can write the price to the document using the variable
document.write("Total is: " + persistedval);

可以使用 getItem() 和 setItem() 设置和检索值，或者直接引用键作为对象的属性，就像我上面的例子一样。

但请记住，sessionStorage 不是很安全，因为它存储在浏览器 session 中。

假设您甚至忘记了价格验证检查，一些“黑客”操纵数据并将价格从 45,99 更改为 -249,99 和产品名称到贷记单。

如果您想深入购物页面、用户区域等，您应该首先专注于 HTML+PHP，然后在需要时使用 JS(开始时主要是 DOM-Manipulation)。

但它非常适合存储用户登录信息、任何特定于用户的数据或不敏感的数据，这是毫无疑问的。

希望这对您有所帮助。