美文网首页
a标签相关

a标签相关

作者: xilong | 来源:发表于2018-07-26 21:41 被阅读13次

    1、href="javascript:void(0);" a标签点击使其不跳转

    这里javascript:后面是可以执行js代码的。
    void 其实是一个js运算符号
    void 运算符 对给定的表达式进行求值,然后返回undefined
    当用户点击一个以 javascript: URI 时,它会评估URI中的代码,然后用返回的值替换页面内容,除非返回的值是undefined,
    所以href="javascript:void(0); " 返回undefined,页面不会跳转替换。
    void里面还可以执行代码,所以你可以发挥你的想象:比如:

    <a href="javascript:void(document.body.style.backgroundColor='green');">
      点击这个链接会让页面背景变成绿色。
    </a>
    <a href="javascript:hanshu();">
      点击这个链接会会执行hanshu(这个函数)
    </a>
    

    2、a 标签用做锚点

    最常用的就是 id 定位,也是最好用的

    <div id="sign1">锚点1</div>
    <a href="#sign1">跳转到锚点1</a>
    <a href="#">跳转到页面顶部</a>
    

    相关文章

      网友评论

          本文标题:a标签相关

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