在写网站的时候有的小白会发现 a标签竟然不能跳转
不管是文字还是图片都不能跳转
这里提供一种解决思路 那就是用
onclick
①onclick="javascript:window.location.href='URL'"
②onclick="location='URL'"
③onclick="window.location.href='URL?id=11'"
☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location
这里举例说明一下
<div class="content">
<h4><a href="http://www.hulingweb.cn">狐灵科技</a></h4>
<span>浏览:100次</span>
<p>高端网站建设选择狐灵科技</p>
<a href="http://www.hulingweb.cn"class="more">查看详情</div></a>
由此可以看到上面的是跳转不了的 我们就把href改成onclick
我拿最后一句修改一下
<a href="http://www.hulingweb.cn"class="more">查看详情</div></a>
改成
<a onclick="javascript:window.location.href='http://www.hulingweb.cn'" style="cursor:pointer"class="more">查看详情</div></a>
注意红色的部分即可
另外改完后大家会发现 鼠标放上去 一个手型的鼠标图标没有了 这里加一个样式就可以了
样式为: style="cursor:pointer"
以上就是<a href=""不能跳转的另一种思路的文章