今天发现公司的一个easyui项目中有个页面会在触发onclick事件时选项卡消失,如下图
产生BUG后
产生BUG前
查找很多地方还有资料不知道哪里出现的问题,看了下框架源码之类的,因为不是专门的前端对应前端代码不是太熟悉,所以也没发现问题,最后使用一行行删除的方法测试,最后发送是onclik加在a标签上的,
href=“#”所以点击后出现选项卡消失的问题,和onclik无关,最后使用href="javascript:void(0);"解决了这个BUG。
具体原因经过查找资料发现应该是因为:
#"包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
所以href="#"点击触发是跳转到网页上端,所以选项卡上去被遮挡住了,而是用javascript:void(0);没有跳转所以没出现这种问题。
这个应该说不是BUG,只是因为个人所学不精使用 标签不当出现的问题
href="javascript:void(0);"和href="#“的区别-参考链接:https://www.cnblogs.com/keyi/p/5802608.html https://www.cnblogs.com/pp-cat/p/4308736.html
希望能给遇到这种问题的人有所帮助