HTML+JS基础之a标签href与onclick事件的冲突处理

这几天尝试一个小项目时遇到的一个很不明显的坑

感觉前端初学者都很容易掉进这个坑呀

就是在使用a标签中  如果同时有 href  和onclick事件时   如果没对 href 做处理 那么对 onclick 事件本身解析会有干扰

举个我今天遇到栗子：

<a href=" " class="scrollSite_btn" οnclick="click_scroll()"></a>

在上面贴出的 code 中，因为我把这个链接设置成一个按钮  其目的是引发click_scroll函数 (页面滚动到指定位置) ， 故没对 href 做任何处理

在谷歌测试时 1、滚动效果失效     2、定位失效        esqs？！！！！

在ie测试时    完美运行？！！！   

 好吧，今天刚发现的问题  还没搞清楚这个bug在ie自动消除是什么原因

解决方案：

1、在 href 中填上 “javascript:void(0)”  声明改链接没有返回值，即只执行onclick函数

<a href="javascript:void(0)" class="scrollSite_btn" οnclick="click_scroll()"></a>

在 href 中，当我们设置<a  hre