javascript - 在多个页面的js变量html中存储链接名称

Question

我实际上在使用 css 和 html 和 js。

我有 6 个类别页面(例如 category1、category2、category3 ......)指向同一页面(例如固定页面)并且这些页面指向其他 3 个页面(例如 Endpage1、Endpage2、Endpage3)。

我添加了一个导航栏以帮助用户不会在网站上迷路。

导航栏的结构如下:

 Category > fixpage > Endpage
     e.g.)[(Category1 >>> fixpage >>> Endpage3]

当我在类别页面时它只显示

category1 >>>

当我点击链接时，我进入固定页面和导航栏显示

<a href="#"> category1 <a> >>> Fixpage

我管理(感谢 stackoverflow 上的用户)做一个函数，在链接中使用 get 方法 ?page=category1 传递起始页，然后将它写在修复页面

有了这个功能http://fiddle.jshell.net/KFmG8/1/

现在的问题是，当我在 Endpage 上时，它会显示

undefined >>> Fixpage >>> Endpage1 

当我想从 Endpage 回到 Fixpage 时，变量也丢失了，所以它显示了

undefined >>> Fixpage

我可以做点什么还是切换到 cookies/session 更好？

Answer 1

您可以传递一个更复杂的值作为页面查询参数来处理一系列父页面。

?page=category1/Fixpage

这与我的意思是从您的 fiddle 链接中提取一些代码。 qs.page 被设置为像 URL 路径一样读取，然后 buildPageStr 函数将在链接 HTML 中构建显示。

function fillLink()
{
    qs = getQueryParams(document.location.search);
    alert(qs.page);

    var pageStr = buildPageStr(qs.page);

    document.getElementById("backLink").href="c:/sito2/risorse/prove/" + qs.page;
    document.getElementById("backLink").innerHTML = pageStr;
}

//Removes the '/' and places ' >>> ' between each page name
function buildPageStr(tokens) {

    if(tokens) {
      return tokens.split(/\//).join(' >>> ');
    } 

    return "";
}