Question

我有一个网页，其中有一个导航菜单可以转到不同的页面。我的菜单会是这样的：

Page 1 
Page 2
Page 3 
Page 4

现在我正在按照一个顺序，我必须从第1页到第2页再到第3页，依此类推。（注意：这里我所遵循的这个序列不是来自导航菜单，而是来自相应页面中的提交按钮，例如Page 1 sumbit按钮将转到第2页）

我想要的是当页面加载时，导航菜单应该只有这样的页面：

Page 1

然后当我提交并转到第2页时，导航菜单应该有：

Page 1
Page 2

我可以从导航菜单中自由导航到第1页和第2页（我使用此方法以避免使用后退按钮）然后当我从第2页提交到第3页时，导航菜单应该具有：

Page 1
Page 2
Page 3

我可以自由地导航到第1页，第2页和第3页，并且对于所有其他页面，它会像这样继续。

为此，我正在创建一个会话变量并使用该变量，我正在以这种方式导航，但我需要一种更好的方法来执行此操作。我目前正在做的是：

String pagecompare = session.getAttribute("pageValue").toString(); 
    if(pagecompare.equals("page0"))
    {
        String pagevalue="page1";
        session.setAttribute("pageValue", pagevalue);
    }

我在每个页面使用它，页面值从页面的末尾1-4开始变化，这就是我显示的方式：

<a href="page1.html">Page 1</a>
  <%
  if(pagecompare.equals("page2"))
  {
  %>
  <a href="page2.html">Page 2</a>
  <%
  }
  if(pagecompare.equals("page3"))
  {
  %>
  <a href="page2.html">Page 2</a>
  <a href="page3.html">Page 3</a>
  <%
  }
  if(pagecompare.equals("page4"))
  {
  %>
  <a href="page2.html">Page 2</a>
  <a href="page3.html">Page 3</a>
  <a href="page4.html">Page 4</a>
  <%
  }
  %>

请帮我找到解决这个问题的方法。我不介意解决方案是否是jquery。

Answer 1

以下是您问题的完整答案。见https://stackoverflow.com/a/2616545/1872647 您只需要在session array中推送页面名称，然后检查页面加载。

Answer 2

<div id="menu"></div>

<script type="text/javascript">
$( document ).ready( function () {

var pageCompare=${sessionScope[pageValue]};

if(pageCompare=="page2"){
$("#menu").html("<a href='page2.html'>Page 2</a>");
}else if(pageCompare=="page3"){
$("#menu").html("<a href='page2.html'>Page 2</a><br/><a href='page3.html'>Page 3</a>");
}
...


});
</script>

如何从浏览器中的菜单导航到不同的页面

2 个答案: