“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