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

how to navigate to different pages from a menu in browser

本文关键字：导航 菜单 浏览器      更新时间：2023-09-26

我有一个网页，其中有一个导航菜单，去不同的页面。菜单应该是这样的:

Page 1 
Page 2
Page 3 
Page 4

现在我遵循一个顺序，我必须从第1页到第2页，然后到第3页，等等。(注意:这里我遵循的顺序不是来自导航菜单，而是来自各自页面中的提交按钮，例如第1页的提交按钮将转到第2页)

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

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。 
<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>

这是你问题的完整答案。看看这个https://stackoverflow.com/a/2616545/1872647您只需要在session array中推送页面名称并检查页面加载

相关文章：