javascript、html onclick更改变量

javascript、html onclick更改变量,javascript,html,onclick,Javascript,Html,Onclick,我有一系列的链接,每一个都属于不同的产品和不同的价格 例如: 现在,我如何将var与产品链接集成,然后在下一页调用该var?您可以使用JavaScript存储购物车,因为JavaScript没有状态概念,因此它本身无法跨页面保存信息。然而,我们可以通过几种不同的方式将数据从一页记到另一页 如果我们真的只有非常少量的数据要存储,并且希望支持旧浏览器,那么我们可以使用 另一种方法是使用存储信息。这提供了更大的存储空间,并具有灵活且易于使用的格式来设置和检索数据。如果您正在创建购物页面,我绝对建议您包

我有一系列的链接,每一个都属于不同的产品和不同的价格

例如:


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

您可以使用JavaScript存储购物车,因为JavaScript没有状态概念,因此它本身无法跨页面保存信息。然而,我们可以通过几种不同的方式将数据从一页记到另一页

如果我们真的只有非常少量的数据要存储,并且希望支持旧浏览器,那么我们可以使用


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

如果您正在创建购物页面,我绝对建议您包含一些PHP。 由于只有JS和HTML,您将遇到许多问题,必须找到解决方法

使用服务器端存储,如PHP的
$\u会话
超全局。任何客户端存储都可能被操纵。你是说你没有出版它,但无论如何要保持它干净,不要用更糟糕的方式了解自己

无论如何,如果您只是想让它工作,下面是存储数据并随后获取数据的命令:

//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()设置和检索值,或者直接将键作为对象的属性引用,如上面的示例所示

但是请记住,会话存储不是很安全,因为它存储在浏览器会话中

想象一下,你甚至忘记了价格验证检查,一些“黑客”操纵数据,将价格从
45,99
更改为
-249,99
,并将产品名称更改为
信用卡

如果您想深入购物页面、用户区域等,首先应该关注HTML+PHP,并在需要时使用JS(开始时主要是DOM操作)

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


希望这能有所帮助。

你试过什么吗?你能给我们看一些测试吗?可能是一些代码?请不要在浏览器中存储价格信息。你会遇到这样一种情况:人们可以免费购买你店里的所有东西,并从中获得5美元的回报。所有不应被篡改的数据,如购物车的内容,应始终安全地存储在服务器端,并在每次重新加载页面时传递回客户端。感谢您提供的信息。不过,这只是一个原型,不会用于任何货币交易。谢谢您的快速回复。我将查看localStorage。谢谢。因此,使用sessionStorage setters和getter,我设置了变量的值,然后在下一页使用类似document.write(“Total is:”+sessionStorage.getItem(“key”);)的内容获取该变量的值?哇,这帮了大忙。谢谢你,先生。
myVar = window.sessionStorage;
myVar.setItem("key", "149.99");
//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);