点击显示链接无法跳转发现
上周做上海天铨机械关于谷歌排名的优化报告时,其中左侧栏目导航分为两层,三个主导航,点开后是子导航。里面的所有文字都是通过数据库动态获取,点击主导航时,隐藏出现子导航。是调用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()替换后,它就会从当前的历史对象中移除了
分享按钮
通过不断尝试,发现时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()替换后,它就会从当前的历史对象中移除了