a標簽的href="javascript:void(0)"和href="#"的區別


好文要推: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>
 
 

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
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM