设计观点

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

<a href=""不能跳转的另一种思路

作者:Smileby陌少羽 | 2019-05-07 19:21 |点击:


在写网站的时候有的小白会发现 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=""不能跳转的另一种思路的文章




 

如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/sjgd/348.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218