js-api操作dom元素02----阻止a链接跳转的三种方式

1.2 阻止a链接跳转的三种方式：

<!-- 阻止a的跳转： -->
    <!-- 1.1   -->
    <a href="http://www.baidu.com" onclick="console.log('我被点击了'); return false">百度一下1</a>
    <!-- 1.2 -->
    <a href="http://www.baidu.com" onclick="return fn1()">百度一下2</a>
    <script>
        function fn1() {
            console.log('我被第二次点击了');
            return false;
        }
    </script>
    <!-- 1.3 -->
    <a href="http://www.baidu.com" id="bd">百度一下3</a>
    <script>
        var a1 = document.querySelector('#bd');
        a1.onclick = function() {
            console.log('我这是第三次被点击了');
            return false;
        }
    </script>