資訊專欄INFORMATION COLUMN
摘要：某天討論了要不要避免標簽加，最后還是決定加甲在某些里是。鼠標在單擊中鍵時會新建瀏覽器標簽頁打開這個鏈接，這會誤導用戶。甲乙標簽要有屬性，不然沒有也不會有默認的樣式，這樣就得用模擬。最保險穩妥的還是在標簽中加，附上。
甲是我的同事，乙是我。
某天討論了要不要避免 a 標簽加 javascript: void(0)，最后還是決定加！
甲：
在某些IE里是bug。
使用 更好，這樣頁面還不會跳轉到最頂端
乙：
使用 有個問題，點擊后 windows.location 變了。這個被記錄到瀏覽器的 history 了，這樣不利于瀏覽器后退前進操作。
還有 在 IE 下可能會在點擊后出現虛線外框，這個樣式很難看, 且沒法修改。
鼠標在 單擊中鍵時會新建瀏覽器標簽頁打開這個鏈接，這會誤導用戶。
另外， 會讓瀏覽器腳本解析文檔搜索 nogo 錨點，這個影響雖小，但也不可取。
暫時沒有非常完美的方案代替 javascript:void(0);
網上有些人是寫一個 類然后用 $(".cancel_link").click(function(){}); 之類的腳本代替。
甲：
http://stackoverflow.com/questions/134845/href-tag-for-javascript-links-or-javascriptvoid0
乙：
只有 a 標簽有 默認的 :hover 屬性
如果用 span 或 div 代替，就得用 js 模擬 hover，比如增加一個 hover 類： span.hover{}
也有人建議用 button 代替 a。 但 button 在某些平臺的樣式沒法調整。
甲：
Simple code example
Your HTML:
Cancel this action
Your CSS:
a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }
Your JavaScript:
// Cancel click event
$(".cancel-action").click(function(){
});
// Hover shim for Internet Explorer 6 and Internet Explorer 7.
$(document.body).on("hover","a",function(){
$(this).toggleClass("hover");
});
http://en.wikipedia.org/wiki/Unobtrusive_JavaScript
乙：
a 標簽要有 href 屬性，不然沒有 hover 也不會有默認的 cursor:pointer 樣式，這樣就得用 js 模擬。
也許 js 模擬還未生效，用戶已經點擊了鏈接，這樣體驗會蠻差的。
鏈接文本 這樣的標簽默認是沒有 link 樣式，在 rss 中輸出或其他沒有 .cancel_link 樣式的地方都是顯示成文本狀態，沒人知道這個是可點擊的鏈接。
最保險穩妥的還是在 a 標簽中加 href ，附上 js 。只不過會顯得有點不夠清潔。
原文鏈接：http://zaishanda.com/post/4
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79647.html
摘要：某天討論了要不要避免標簽加，最后還是決定加甲在某些里是。鼠標在單擊中鍵時會新建瀏覽器標簽頁打開這個鏈接，這會誤導用戶。甲乙標簽要有屬性，不然沒有也不會有默認的樣式，這樣就得用模擬。最保險穩妥的還是在標簽中加，附上。 甲是我的同事，乙是我。某天討論了要不要避免 a 標簽加 javascript: void(0)，最后還是決定加！ 甲： 在某些IE里是bug。使用 更好，這樣頁面還不會...
摘要：從到使用開發實戰六這是一個有代碼潔癖的項目一個小故事一天我路過一座橋，碰巧看見一個人想跳河自殺。配置什么是是一個開源的代碼檢查工具，由于年月創建。使用編寫，這樣既可以有一個快速的運行環境的同時也便于安裝。 從0到1使用VUE-CLI3開發實戰(六)：這是一個有代碼潔癖的項目 一個小故事 一天我路過一座橋，碰巧看見一個人想跳河自殺。我跑過去對他大喊道：別跳，別死啊。為什么不讓我跳？他說。...
摘要：引用自在用的時候，不小心引入了，發現自己不會寫代碼了淚崩，這里寫下筆記，資料是引用其他大神的文章。 引用自： http://blog.csdn.net/helpzp2008/article/details/51507428 在用vue的時候，不小心引入了Eslint，發現自己不會寫代碼了...淚崩，這里寫下筆記，資料是引用其他大神的文章。 no-alert: 0,//禁止使用aler...
摘要：規范規則的錯誤等級有三種或者關閉規則。或者打開規則，并且作為一個警告不影響。 ESLINT STANDARD 規范 規則的錯誤等級有三種： off 或者 0：關閉規則。 warn 或者 1：打開規則，并且作為一個警告（不影響exit code）。 error 或者 2：打開規則，并且作為一個錯誤（exit code將會是1）。 // 禁止使用alert confirm prompt ...
閱讀 1618·2019-08-29 13:53
閱讀 3216·2019-08-29 13:50
閱讀 860·2019-08-27 10:51
閱讀 571·2019-08-26 18:36
閱讀 1811·2019-08-26 11:00
閱讀 610·2019-08-26 10:36
閱讀 3222·2019-08-23 17:58
閱讀 2037·2019-08-23 15:17
