javascript - 为面包屑菜单定义变量？

Question

我在网上找到了一个面包屑导航生成器。我已经包含了代码。它从标题中提取当前页面的信息。我不希望它从标题中消失，因为这会产生太长的痕迹。页面标题类似于页面名称 - 文件夹名称 - 我的公司。这是为了工作，所以我无法更改标题的格式。

我尝试在每个页面上定义一个名为 pageName 的变量，并在 crumb 代码中将标题更改为 pageName，但这似乎不起作用。

<script type="text/javascript">
var pageName= 'Name';
</script>

我将如何定义变量以使其起作用。或者只拉破折号之前的页面标题的第一部分？

function breadcrumbs(){
  sURL = new String;
  bits = new Object;
  var x = 0;
  var stop = 0;
  var output = "<div class=breadcrumbs><A HREF=/>Home</A> &nbsp;&raquo;&nbsp; ";

  sURL = location.href;
  sURL = sURL.slice(8,sURL.length);
  chunkStart = sURL.indexOf("/");
  sURL = sURL.slice(chunkStart+1,sURL.length)

while(!stop){
  chunkStart = sURL.indexOf("/");
  if (chunkStart != -1){
    bits[x] = sURL.slice(0,chunkStart)
    sURL = sURL.slice(chunkStart+1,sURL.length);
  }
  else{
    stop = 1;
  }
  x++;
}

for(var i in bits){
  output += "<A HREF=\"";
  for(y=1;y<x-i;y++){
    output += "../";
  }
  output += bits[i] + "/\">" + bits[i] + "</A> &nbsp;&raquo;&nbsp; ";
}
document.write(output + document.title);
    document.write("</div>");
}  

Answer 1

更改此行:

document.write(output + document.title);

致:

document.write(output + pageName);

这假设在该代码出现的每个页面上都定义了 pageName。

您可以使用以下代码对此进行改进:

if (typeof pageName != 'undefined')
{
    document.write(output + pageName);
}
else
{
    document.write(output + document.title);
}

此代码将使用 pageName(如果存在)，否则它将返回到页面标题。