JavaScript-Runoob：Javascript:void(0)含義
阿新 • • 發佈：2020-07-10
| ylbtech-JavaScript-Runoob：Javascript:void(0)含義 |
| 1.返回頂部 |
javascript:void(0)含義
我們經常會使用到 javascript:void(0) 這樣的程式碼，那麼在 JavaScript 中 javascript:void(0) 代表的是什麼意思呢？
javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中非常重要的關鍵字，該操作符指定要計算一個表示式但是不返回值。
語法格式如下：
<head>
<script type="text/javascript">
<!--
void func()
javascript:void func()
或者
void(func())
javascript:void(func())
//-->
</script>
</head>
下面的程式碼建立了一個超級連結，當用戶點選以後不會發生任何事。
例項
<a href="javascript:void(0)">單擊此處什麼也不會發生</a>嘗試一下 »
當用戶連結時，void(0) 計算為 0，但 Javascript 上沒有任何效果。
以下例項中，在使用者點選連結後顯示警告資訊：
例項
<head> <script type="text/javascript"> <!-- //--> </script> </head> <body> <a href="javascript:void(alert('Warning!!!'))"嘗試一下 »>點我!</a> </body>
以下例項中引數 a 將返回 undefined :
例項
<head> <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> </head>嘗試一下 »
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>嘗試一下 » 2、
| 2.返回頂部 |
| 3.返回頂部 |
| 4.返回頂部 |
| 5.返回頂部 |
| 6.返回頂部 |
| 作者：ylbtech 出處：http://ylbtech.cnblogs.com/ 本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。 |