資訊專欄INFORMATION COLUMN
摘要：某天討論了要不要避免標(biāo)簽加，最后還是決定加甲在某些里是。鼠標(biāo)在單擊中鍵時會新建瀏覽器標(biāo)簽頁打開這個鏈接，這會誤導(dǎo)用戶。甲乙標(biāo)簽要有屬性，不然沒有也不會有默認(rèn)的樣式，這樣就得用模擬。最保險穩(wěn)妥的還是在標(biāo)簽中加，附上。
甲是我的同事，乙是我。
某天討論了要不要避免 a 標(biāo)簽加 javascript: void(0)，最后還是決定加！
甲：
在某些IE里是bug。
使用 更好，這樣頁面還不會跳轉(zhuǎn)到最頂端
乙：
使用 有個問題，點擊后 windows.location 變了。這個被記錄到瀏覽器的 history 了，這樣不利于瀏覽器后退前進(jìn)操作。
還有 在 IE 下可能會在點擊后出現(xiàn)虛線外框，這個樣式很難看, 且沒法修改。
鼠標(biāo)在 單擊中鍵時會新建瀏覽器標(biāo)簽頁打開這個鏈接，這會誤導(dǎo)用戶。
另外， 會讓瀏覽器腳本解析文檔搜索 nogo 錨點，這個影響雖小，但也不可取。
暫時沒有非常完美的方案代替 javascript:void(0);
網(wǎng)上有些人是寫一個 類然后用 $(".cancel_link").click(function(){}); 之類的腳本代替。
甲：
http://stackoverflow.com/questions/134845/href-tag-for-javascript-links-or-javascriptvoid0
乙：
只有 a 標(biāo)簽有 默認(rèn)的 :hover 屬性
如果用 span 或 div 代替，就得用 js 模擬 hover，比如增加一個 hover 類： span.hover{}
也有人建議用 button 代替 a。 但 button 在某些平臺的樣式?jīng)]法調(diào)整。
甲：
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 標(biāo)簽要有 href 屬性，不然沒有 hover 也不會有默認(rèn)的 cursor:pointer 樣式，這樣就得用 js 模擬。
也許 js 模擬還未生效，用戶已經(jīng)點擊了鏈接，這樣體驗會蠻差的。
鏈接文本 這樣的標(biāo)簽?zāi)J(rèn)是沒有 link 樣式，在 rss 中輸出或其他沒有 .cancel_link 樣式的地方都是顯示成文本狀態(tài)，沒人知道這個是可點擊的鏈接。
最保險穩(wěn)妥的還是在 a 標(biāo)簽中加 href ，附上 js 。只不過會顯得有點不夠清潔。
原文鏈接：http://zaishanda.com/post/4
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79647.html
摘要：某天討論了要不要避免標(biāo)簽加，最后還是決定加甲在某些里是。鼠標(biāo)在單擊中鍵時會新建瀏覽器標(biāo)簽頁打開這個鏈接，這會誤導(dǎo)用戶。甲乙標(biāo)簽要有屬性，不然沒有也不會有默認(rèn)的樣式，這樣就得用模擬。最保險穩(wěn)妥的還是在標(biāo)簽中加，附上。 甲是我的同事，乙是我。某天討論了要不要避免 a 標(biāo)簽加 javascript: void(0)，最后還是決定加！ 甲： 在某些IE里是bug。使用 更好，這樣頁面還不會...
摘要：從到使用開發(fā)實戰(zhàn)六這是一個有代碼潔癖的項目一個小故事一天我路過一座橋，碰巧看見一個人想跳河自殺。配置什么是是一個開源的代碼檢查工具，由于年月創(chuàng)建。使用編寫，這樣既可以有一個快速的運(yùn)行環(huán)境的同時也便于安裝。 從0到1使用VUE-CLI3開發(fā)實戰(zhàn)(六)：這是一個有代碼潔癖的項目 一個小故事 一天我路過一座橋，碰巧看見一個人想跳河自殺。我跑過去對他大喊道：別跳，別死啊。為什么不讓我跳？他說。...
摘要：禁止使用禁止使用數(shù)組構(gòu)造器禁止使用按位運(yùn)算符禁止使用或禁止子句參數(shù)與外部作用域變量同名禁止給類賦值禁止在條件表達(dá)式中使用賦值語句禁止使用禁止修改聲明的變量禁止在條件中使用常量表達(dá)式禁止使用禁止在正則表達(dá) no-alert: 0,//禁止使用alert confirm prompt no-array-constructor: 2,//禁止使用數(shù)組構(gòu)造器 no-bitwise: 0,//禁...
摘要：引用自在用的時候，不小心引入了，發(fā)現(xiàn)自己不會寫代碼了淚崩，這里寫下筆記，資料是引用其他大神的文章。 引用自： http://blog.csdn.net/helpzp2008/article/details/51507428 在用vue的時候，不小心引入了Eslint，發(fā)現(xiàn)自己不會寫代碼了...淚崩，這里寫下筆記，資料是引用其他大神的文章。 no-alert: 0,//禁止使用aler...
摘要：規(guī)范規(guī)則的錯誤等級有三種或者關(guān)閉規(guī)則?；蛘叽蜷_規(guī)則，并且作為一個警告不影響。 ESLINT STANDARD 規(guī)范 規(guī)則的錯誤等級有三種： off 或者 0：關(guān)閉規(guī)則。 warn 或者 1：打開規(guī)則，并且作為一個警告（不影響exit code）。 error 或者 2：打開規(guī)則，并且作為一個錯誤（exit code將會是1）。 // 禁止使用alert confirm prompt ...
閱讀 1621·2019-08-29 13:53
閱讀 3222·2019-08-29 13:50
閱讀 868·2019-08-27 10:51
閱讀 577·2019-08-26 18:36
閱讀 1827·2019-08-26 11:00
閱讀 620·2019-08-26 10:36
閱讀 3229·2019-08-23 17:58
閱讀 2039·2019-08-23 15:17
