点击显示链接无法跳转发现

上周做上海天铨机械关于谷歌排名的优化报告时,其中左侧栏目导航分为两层，三个主导航，点开后是子导航。里面的所有文字都是通过数据库动态获取，点击主导航时，隐藏出现子导航。是调用js实现，要在动态中添加链接子导航实现比较简单，主导航加链接需要判断才可加链接，用的是固定连接。但是改好后点击下方有显示但无法跳转。

通过不断尝试，发现时js在作怪，只需在js里添加一句 doucoument.location.href=""

因为点击它的时候触动了js，而js里面只管隐藏出现，却没有跳转链接的意图。

其实我也不清楚document.location.href具体如何应用。刚百度了下...分享给大家看看 看看它与document.location.replace的区别何在

document.location.href和document.location.replace都可以实现从A页面切换到B页面，但他们的区别是：

用document.location.href切换后，可以退回到原页面。

而用document.location.replace切换后，不可以通过“后退”退回到原页面。

关于document.location.href或其他可回退的切换方式，我还发现一个细节，

用个例子来说明：

假设有A.htm B.htm C.htm三个页面

A.htm里有这样一句：document.location.href="b.htm";

b.htm里有这样一句：document.location.href="c.htm";

注意两个都是可回退的切换。


1:当从A切换到B再切换到C时，实际内存中保留了三个页面：A、B、C

2:回退到B时，C页面被清出内存！

3:再次回退，到A页面时，B页面也被清出内存！

4:再次向前(不是用切换而是用向前)转到B页面时，

内存中保留的是A和B

>>>当一个文档被location.replace（）替换后，它就会从当前的历史对象中移除了