0

这是我的一个页面，要求用户选择他们将使用的个人资料类型

<div data-role="page" id="profile" data-content-theme="a">
<div data-role="content">
<center>
<font size="6">
<br>Select Profile<br><br>
</font>
<img src="images/logo.png" width="70%">
</center>
<a href="#main" data-role="button" style="position:absolute; bottom:85px; width:90%;">Guest</a>
<a href="#main" data-role="button" style="position:absolute; bottom:25px; width:90%;">Enthusiast</a>        
</div>   
</div><!-- /page profile select -->

两个按钮都指向同一个页面，但是，根据选择的配置文件，我需要在另一个页面上提供更详细的信息，在网站的更远的地方。我想使用 cookie 来存储有关用户选择的一些信息，然后一旦他们选择访问信息页面，就会检查他们的个人资料并为他们提供适当的信息。我不知道如何开始。虽然我不得不使用一些 php 代码，但我无法让这些按钮做任何事情。我怎样才能让他们存储一些我以后可以在信息页面中检查的变量？

4

1 回答 1

1

设置 cookie 是解决此问题的好方法。您可以在 Javascript 中创建和读取 cookie - 阅读此内容以了解如何执行此操作：http ://www.w3schools.com/js/js_cookies.asp

在您的特定情况下，为两个按钮连接“单击”事件处理程序，并具有处理程序：

  • 检查现有的 cookie。如果有，写一个对应于被点击按钮的属性

  • 如果没有现有的 cookie，则创建一个，然后写入属性

然后，当稍后的页面加载时，您可以使用 JavaScript 函数读取 cookie 信息并隐藏或显示额外内容

于 2012-12-04T11:10:03.367 回答