<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<a id="sss" href="2.gif">点击打开图片</a>

<script>
    var  sss = document.getElementById("sss");
    sss.onclick = function(e){
        alert("hello");
        //阻止默认行为
        //return false;


        //DOM方法
        //兼容写法
        //e = e || window.event;
        //e.preventDefault();



        //取消默认行为，低版本浏览使用
        //低版本浏览器需要使用一个对象的属性
        //e.returnValue = false;


        //阻止事件冒泡
        //兼容写法
        //e = e||window.event;
        //e.stopPropagation();

        //阻止事件冒泡，低版本浏览器使用 属性
        //e.cancelBubble = true;

    };
    
    

</script>


</body>
</html>