JavaScript 帮助 - 使用页面事件/Var答案

【问题标题】：JavaScript Help - With Page event/VarJavaScript 帮助 - 使用页面事件/Var
【发布时间】：2012-03-10 17:25:06
【问题描述】：

谁能帮我解决以下问题？

我有一个导航栏，例如：

Step_1.html - Step_2.html - Step_3.html - Step_4.html

我希望禁用接下来两个步骤（即第 3 步和第 4 步）的链接。

然后当他们进入第 2 步时，只有第 4 步被禁用。

（但是当我说 Step_4.html 并想返回 Step_2.html 时，问题就出现了，我希望能够直接单击返回 Step_4.html，因为我已经完成了所有步骤，所以我希望它现在不会在我的导航栏中被禁用）

如果可能，我只想使用 java-script！

第 1 页如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p>Page 1</p>
<p><a href="p2.html">Page 2</a></p>
<p>Page 3</p>
<p>Page 4</p>
</body>
</html>

第2页这样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p>Page 2</p>
<p><a href="p3.html">Page 3</a></p>
<p>Page 4</p>
</body>
</html>

第3页这样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p><a href="p2.html">Page 2</a></p>
<p>Page 3</p>
<p><a href="p4.html">Page 4</a></p>
<p>&nbsp;</p>
</body>
</html>

第4页这样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p><a href="p2.html">Page 2</a></p>
<p><a href="p3.html">Page 3</a></p>
<p>Page 4</p>
</body>
</html>

【问题讨论】：

能否请您发布代码？在遇到问题之前，您有很多可能性是如何做到的。考虑过使用导航库吗？
稍微解决您的问题。就像@Neysor 说的，附上一些示例 html 代码，以便人们更好地理解您的要求
Ma9ic 想让你不能跳过一个步骤，但如果你备份一个步骤，你不会被禁止查看你已经到达的步骤。
GoldenNewby 出现在 :)

标签： java javascript html session session-variables

【解决方案1】：

您将希望使用在 javascript 中创建的 cookie 来存储它们在分步过程中所处的状态。

查看http://www.w3schools.com/js/js_cookies.asp

制作一个 cookie，用于存储用户达到的最高步数。检查每个页面上 this 的值，如果他们所在的页面“更高”（步骤 4 > 步骤 3），则用这个新值覆盖 cookie。这样，如果他们从第 4 步回到第 1 步，他们仍然可以“访问”第 4 步。

【讨论】：