今天發現公司的一個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
希望能給遇到這種問題的人有所幫助