Question

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

例如：

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

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

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

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

例如：

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

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

Answer 1

您可以使用localStorage

存储购物车

Answer 2

如果您正在创建购物页面，我肯定会建议您添加一些PHP。只使用JS和HTML，您将遇到许多问题，您必须找到解决方法。

使用像PHP的$_SESSION超全局一样的服务器端存储。任何客户端存储都可能被操纵。你说你不是在发表它，但是要保持它清洁，不要以更坏的方式学习自己。

无论如何，如果你只是想让这个工作，这里是存储数据的命令，然后得到它：

//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不是很安全，因为它存储在浏览器会话中。

想象一下，您甚至忘记了价格验证，一些“黑客”操纵数据并将价格从45,99更改为-249,99，产品名称更改为Credit note。

如果你想更深入地了解购物页面，用户区域等，你应该首先专注于HTML + PHP，并在需要时使用JS（当你开始时主要是DOM操作）。 / p>

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

希望这有帮助。

Answer 3

JavaScript没有状态概念，因此它本身不能跨页面保留信息。但是，我们可以通过几种不同的方式记住从一个页面到另一个页面的数据。

我们可以使用cookie，如果真的只有非常少量的数据需要存储并希望支持旧浏览器。

另一种方法是使用LocalStorage来存储信息。这提供了更大的存储空间，并且具有灵活且易于使用的格式来设置和检索数据。

javascript，html onclick更改变量

3 个答案: