1. 程式人生 > >javascript基礎 之 void

javascript基礎 之 void

1,viod是什麼?

 javascript:void(0) 這樣的程式碼是js中很常用的程式碼,void是javascript中定義的一個操作符,void後面跟一個表示式,void操作符會立即執行後面的表示式,並且統一返回undefined

void用法如下:

  1. javascript:void (expression) 
  2. javascript:void expression 
  expression是一個要計算的 JavaScript 標準的表示式。表示式外側的圓括號是可選的,但是寫上去是一個好習慣。我們可以使用 void 操作符指定超級連結。表示式會被計算但是不會在當前文件處裝入任何內容。面的程式碼建立了一個超級連結,當用戶點選以後不會發生任何事。當用戶點選連結時,void(0) 計算為 0,但在 JavaScript 上沒有任何效果。 
<a href=”javascript:void(0)”>單擊此處什麼也不會發生</a> 
也就是說,要執行某些處理,但是不整體重新整理頁面的情況下,可以使用void(0),但是在需要對頁面進行refresh的情況下,那就要仔細了。 (作者:KevinOfNeu  來源:CSDN  原文:https://blog.csdn.net/kevinofneu/article/details/39119841  )

 

2,怎麼用?

void多數情況下和超連結一起使用。

就像這樣:

<body>
    
<p>點選以下連結檢視結果:</p>
<a href="javascript:void(alert('Warning!!!'))">點我!</a>
    
</body>

//它可以讓超連結執行一個動作但是不跳轉

 

3,補充頁面內跳轉的知識

我們可以使用 # 來定位頁面的具體位置,格式為:# + id,實現本頁內部跳轉

<a href="#pos">點我定位到指定位置!</a>