好文要推:a標簽的href="javascript:void(0)"和href="#"的區別
張鑫旭這篇文章也挺風趣的,作為一個輕微代碼潔癖的程序員,該糾結時就糾結:是習慣還是規范!? 疑問:為什么要使用href=”javascript:void(0);”?
a 標簽要寫href屬性!~有了href屬性,天然鼠標手型,以及可以被鍵盤focus
以及focus
時候回車模擬點擊行為(支持回車點擊和默認可以獲取焦點)。
href="#"與href="javascript:void(0)"的區別
# 包含了一個位置信息,默認的錨是#top 也就是網頁的上端。
而javascript:void(0), 僅僅表示一個死鏈接。
在頁面很長的時候會使用 # 來定位頁面的具體位置,格式為:# + id。
如果你要定義一個死鏈接請使用 javascript:void(0) 。
<a href="javascript:void(0);">點我沒有反應的!</a>
<a href="#pos">點我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位點</p>
<a href="#pos">點我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位點</p>
javascript:void(0) 中最關鍵的是 void 關鍵字, void 是 JavaScript 中非常重要的關鍵字,該操作符指定要計算一個表達式但是不返回值。
<body>
<script type="text/javascript">
function getValue(){
var a,b,c;
a = void ( b = 5, c = 7 );
document.write('a = ' + a + ' b = ' + b +' c = ' + c );
}
</script>
<p>點擊以下按鈕查看結果:</p>
<form>
<input type="button" value="點我" onclick="getValue();" />
</form>
</body>
點擊顯示結果:a = undefined b = 5 c = 7