这几天尝试一个小项目时遇到的一个很不明显的坑
感觉前端初学者都很容易掉进这个坑呀
就是在使用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