javascript:void(0) 含義,javascriptvoid
我們經常會使用到 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><br> <p id="pos">尾部錨點</p>