1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Document</title>
    6.     <link rel="stylesheet" href="css/reset.min.css">
    7.     <style>
    8.         #box {
    9.             margin: 3000px 0;
    10.             width: 100px;
    11.             height: 100px;
    12.             background: red;
    13.         }
    14.     </style>
    15. </head>
    17. <body>
    18.     <!-- A标签第一个作用：超链接 -->
    19.     <!-- <a href="http://www.zhufengpeixun.cn/">珠峰培训</a>
    20.     <a href="http://www.zhufengpeixun.cn/" target="_blank">珠峰培训</a> -->
    22.     <!-- A标签第二个作用：锚点定位 -->
    23.     <!-- <a href="#box">哈哈</a>
    24.     <div id="box">
    25.         呵呵
    26.     </div> -->
    28.     <!-- A标签第三个作用：普通按钮 -->
    29.     <!-- href="javascript:;" 阻止A标签的默认行为 -->
    30.     <a href="javascript:;" id="link">我就是个按钮</a>
    31.     <script>
    32.         // JS阻止默认行为
    33.         link.onclick = function (ev) {
    34.             // ev.preventDefault();
    35.             // 或
    36.             // return false;
    37.         }
    38.     </script>
    39. </body>
    40. </html>