链接<a>执行JS

使用连接执行JS的方法如下：

使用href="javascript:alert(1);" 执行

<a href="javascript:alert(1);">test</a>

使用onclick="alert(1)" 执行

<a href="#" onclick="alert(1);">test</a>

事件绑定执行

<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){alert(1);};
</script> 

后面两种有个问题，在点击连接后URL后会加上#号。

有几种方法可避免。

在onclick中添加return false;

<a href="#" onclick="alert(1); return false;">test</a>

在函数中添加 return false;

<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){
    alert(1);
    return false;
};
</script> 

修改href="javascript:void(0);"

<a href="javascript:void(0);" onclick="alert(1);">test</a>

简洁写法

<a href="javascript:;" onclick="alert(1);">test</a>