阻止超链接进行跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        function f1(){
            alert("hello world");
            return false;
        };
    </script>
</head>
<body>
    <!-- 第一种方法 -->
    <a href="http://www.baidu.com" onclick="return f1()">百度</a>
    
    <!-- 第二种方法 -->
    <a href="http://www.baidu.com" id="baidu">百度</a>

    <script>
        document.getElementById("baidu").onclick = function(){
            alert("hello world");
            return false;
        }
    </script>
</body>
</html>
<!-- 不管是哪种方法,只要在处理函数中返回的是return false就可以了 -->

 

posted on 2019-01-22 16:41  zengsf  阅读(166)  评论(0编辑  收藏  举报

导航