Question

为什么在JS里写的A标签点击没有跳转？

<script>
var folders = ['about','new'], ret = [];
for(var i = 0, j = folders.length; i<j; i += 1){
ret.push('<li><a href="banner/' + folders[i] + '/index.html" ><img src="banner/' + folders[i] + '/index.jpg" ><p>'+folders[i]+'</p></a></li>')
}

document.write(ret.join(''));
</script>

这段代码是实现：自动查找根目录下的about和new文件夹里的index.jpg和index.html。并显示出index.jpg，并使其连接到index.html。但为什么图片是可以显示的，但是链接点击的时候却没有跳转呢？
当把A内的href值换成 # 时，会有跳转动作。

求高手解释下。

Answer 1

把你的A标签的href 的属性值用alert();弹出来看看,你的路径错了. 还有要考虑相对路径与绝对路径的问题..

追问

当鼠标指向的时候，显示出来的链接是正确的。相对和绝对我都试过了，还是没用

Answer 2

代码是正确的,没有问题,经过测试,以上代码完全可以正确生成图片和链接,并且,链接是有效的,可以跳转.

追问

那为什么我这里链接无效？会不会是运行环境的原因？浏览器我也试过好多个了

追答

这个问题与浏览应该是没有关系的,我在FireFox, Chrome, Opera上测试以上代码均可以无误通过.可能是你页面内其它代码的作用结果.其实,验证以上代码很简单,单建一个页,把上面代码复制进去就能看到结果了.我的测试代码如下:

var folders = ['about','new'], ret = [];
for(var i = 0, j = folders.length; i'+folders[i]+'
')
}
document.write(ret.join(''));

如果还有问题欢迎追问,问题解决请及时选为满意回答,谢谢.

追问

还是不对。。。其实就是浏览器的原因。。。因为360浏览器不能识别！

追答

无视非主流浏览器吧.

Answer 3

你的a标签里写href属性写对了吗？检查一下路径是否有问题

Answer 4

把源码贴出来啊，不然没法分析问题

Answer 5

后面加个参数?t=随机数

追问

怎么加？

追答

+new Date();取毫秒