美文网首页
a标签里的href=#与href=javascriptvoid(

a标签里的href=#与href=javascriptvoid(

作者: 衡阿大 | 来源:发表于2017-09-29 13:51 被阅读0次

    场景描述:今天选规格的时候发现每次选完,页面都会重新置顶。
    初始代码为:

    <a href="#" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>
    

    修改后的代码为:

    <a href="javascript:void(0)" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>
    

    问题解决。
    百度原因:
    #”包含了一个位置信息
    默认的锚点是#top 也就是网页的上端
    而javascript:void(0) 仅仅表示一个死链接
    这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
    而javascript:void(0) 则不是如此

    相关文章

      网友评论

          本文标题:a标签里的href=#与href=javascriptvoid(

          本文链接:https://www.haomeiwen.com/subject/xadiextx.html