“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)。當我們需要阻止網頁上的某些操作時,可以使用此選項。

更新於:2022年10月31日

4K+ 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.