“javascript:void(0)”是什麼意思?
在本教程中,我們將學習“javascript: void(0)”的含義。
在英語中,void的意思是“空無一物”。在程式語言中,void的意思是“不返回任何值”。“javascript: void(0)”類似於void。
javascript: void(0) 表示返回undefined作為原始值。當我們插入一些表示式時,我們使用它來防止對網頁產生任何負面影響。
例如,在URL超連結的情況下。當用戶點選連結時,超連結會透過重新載入頁面來開啟。在這種情況下,如果需要執行其他程式碼,可以使用javascript: void(0)。
讓我們用冒號將javascript: void(0) 分割開來。我們得到javascript和void(0)。
javascript:是一個偽URL。JavaScript引擎將冒號後的內容解釋為程式碼並執行。
語法
<a href="javascript:console.log('1');">Link</a>
這裡,當我們點選連結時,會在控制檯中顯示1。
const result = void(1 + 1); console.log(result);//undefined console.log(void(0) === undefined)//true
void(0) 返回undefined。void(0) 等同於 void(false)。即使1+1等於2,void也會使其變為undefined。
<a id='href' href="javascript: void(document.querySelector('#href').style.color='purple')">Click Me</a>
在上例程式碼片段中,void內部的程式碼會被執行。
不使用javascript: void(0)
示例
在這個例子中,我們將“#”設定為href屬性,併為錨點標籤添加了一個雙擊事件。只有當用戶雙擊標籤時,才會觸發警報。這裡頁面會重新整理,因為我們設定了“#”。我們也可以觀察到連結顏色的變化。
<html> <body> <h2>JavaScript program without using <i>javascript: void(0)</i></h2> <a href="#" ondblclick="alert('Clicked Twice')">Double Click Me!</a> </body> </html>
使用javascript: void(0)
示例
在這個例子中,我們將javascript: void(0)設定為href屬性,併為錨點標籤添加了一個雙擊事件。只有當用戶雙擊標籤時,才會觸發警報。這裡頁面不會重新整理,因為我們設定了javascript: void(0)。我們無法觀察到連結顏色的變化,因為我們沒有訪問它。
<html> <body> <h2>JavaScript program using javascript: void(0)</h2> <a href="javascript: void(0)" ondblclick="alert('Clicked Twice')">Double Click Me!</a> </body> </html>
在本教程中,我們討論了javascript: void(0)。當我們需要阻止網頁上的某些操作時,可以使用此選項。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP