html元素常见默认行为

1. a标签自动跳转

2. button表单type设置为submit会自动提交
注：button的type属性设置为button可阻止表单自动刷新并跳转页面
 
阻止默认跳转的2种方式
e.preventDefault()
return false
注：e.preventDefault()不会阻止后面的代码运行，return false会终止后续代码执行
 
DEMO
<!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 href="http://www.baidu.com" id="a">百度</a>
   <form action="http:www.baidu.com">
       <button type="submit" value="提交" id="submit">提交</button>
   </form>

   <script>
       var a = document.getElementById("a"),
           submit = document.getElementById("submit");

        //e.preventDefault()不会阻止后面的代码运行
        a.onclick = function(e) {
           e.preventDefault();
           alert("阻止跳转");
        }

         submit.onclick = function (e) {
            e.preventDefault();
            alert("阻止跳转");
        }


        //return false会阻止后面的代码运行
        a.onclick = function (e) {
            return false;
            alert("阻止跳转");
        }

         submit.onclick = function (e) {
            return false;
            alert("阻止跳转");
         }

   </script>
</body>
</html>

 

有需要的朋友可以领取支付宝到店红包，能省一点是一点