今天发现公司的一个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

希望能给遇到这种问题的人有所帮助

posted on 2019-04-12 15:42  代码书写人生  阅读(1289)  评论(0编辑  收藏  举报