Question

html+div设计网页，需要实现导航菜单路径跟踪，怎么做，比如我从主页进入到产品也在到详细信息页，需要有

在页面上有指示，首页》产品》详细信息，并且每个路劲都要实现连接

Answer 1

　　首页代码index.html

//script代码，参数分别是，本页地址，本页名称，跳转页地址
function redirect(u, n, g){
	location.href = g + '?url=' + u + '&pn=' + encodeURI(n);
}

//html代码，这里向下一个页面传的是本页的页面名称和地址
<a href="#" onClick="redirect('index.html', '首页', 'product.html');">产品</a>

　　产品页代码product.html

//script代码
function GetRequest() {
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}

var param = GetRequest();

window.onload = function(){
    //一般来说，当前所在页面不需要加链接
    document.getElementById('d').innerHTML = '<a href="'+ param.url +'">'+ decodeURI(param.pn) +'</a> -> 产品页';
}

//html代码，导航所在容器
<div id="d"></div>

其他页面大致相同

Answer 2

楼主说的好像是面包屑导航吧。
这个好像没啥特别的呢，直接用div+css实现，在html加上对应的导航链接就行了。http://baike.baidu.com/view/4072390.htm