javascript:void(0) 在 HTML 和 JavaScript 中是一個(gè)常見(jiàn)的表達(dá)式,主要用來(lái)創(chuàng)建一個(gè)無(wú)操作的鏈接(通常是 標(biāo)簽)或者阻止默認(rèn)事件處理。具體來(lái)說(shuō),它的作用有以下幾點(diǎn):
- 阻止鏈接跳轉(zhuǎn) :
當(dāng)你有一個(gè)標(biāo)簽但不想讓它跳轉(zhuǎn)到另一個(gè)頁(yè)面時(shí),可以使用javascript:void(0)作為href屬性的值。這樣可以防止瀏覽器加載一個(gè)新的頁(yè)面。
< a href="javascript:void(0)" onclick="doSomething()" >Click me< /a >
在這個(gè)例子中,點(diǎn)擊鏈接時(shí)不會(huì)跳轉(zhuǎn),而是執(zhí)行 doSomething() 函數(shù)。
- 占位符 : 在某些情況下,
javascript:void(0)也可以用作占位符,尤其是在你想先確保某段 JavaScript 代碼有效執(zhí)行,但暫時(shí)不確定href指向什么地址時(shí)。 - 防止表單提交 : 對(duì)于 表單,也可以使用
javascript:void(0)來(lái)防止表單的默認(rèn)提交行為,特別是在你想通過(guò) JavaScript 進(jìn)行自定義驗(yàn)證或處理時(shí)。
< form onsubmit="validateForm(); return false;" >
< !-- form fields -- >
< button type="submit" >Submit< /button >
< /form >
或者在某些情況下,通過(guò)添加一個(gè)隱藏的鏈接來(lái)阻止表單提交:
< form >
< !-- form fields -- >
< a href="javascript:void(0)" onclick="event.preventDefault(); validateForm();" >Submit< /a >
< /form >
但需要注意,更常見(jiàn)和推薦的做法是直接處理表單的 onsubmit 事件,如上面的第一個(gè)例子所示。
- 確保 URL 不被篡改 : 在一些用戶(hù)生成內(nèi)容(UGC)的場(chǎng)景下,為了避免用戶(hù)插入惡意鏈接,開(kāi)發(fā)者可能會(huì)使用
javascript:void(0)作為默認(rèn)鏈接,并在點(diǎn)擊時(shí)通過(guò) JavaScript 動(dòng)態(tài)處理用戶(hù)的輸入。
例如,可以使用 addEventListener 來(lái)處理點(diǎn)擊事件,并調(diào)用 event.preventDefault() 來(lái)阻止默認(rèn)行為:
< a id="myLink" href="#" >Click me< /a >
< script >
document.getElementById('myLink').addEventListener('click', function(event) {
event.preventDefault();
doSomething();
});
< /script >
聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
代碼
+關(guān)注
關(guān)注
30文章
4967瀏覽量
73954 -
javascript
+關(guān)注
關(guān)注
0文章
526瀏覽量
56321 -
監(jiān)聽(tīng)器
+關(guān)注
關(guān)注
0文章
12瀏覽量
14697
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
熱點(diǎn)推薦
請(qǐng)問(wèn)ADXRS453參考軟件代碼函數(shù)int ADXRS453SensorData(void)作用是什么?
ADXRS453SensorData(void)。該函數(shù)的在ADXRS453test.c的main函數(shù)中連續(xù)多次調(diào)用,想提問(wèn)一下,該函數(shù)作用為什么?代碼如下
發(fā)表于 09-07 10:30
請(qǐng)問(wèn)__attribute__ ((interrupt(USCI_A0_VECTOR)))代碼的作用是什么?
官方例程中會(huì)出現(xiàn)這樣的代碼,請(qǐng)問(wèn)__attribute__ ((interrupt(USCI_A0_VECTOR)))與__even_in_range(UCA0IV,4)的作用是什么?為什么不能
發(fā)表于 02-14 00:35
請(qǐng)問(wèn)#define作用是什么?
請(qǐng)高手指教,一下#define 作用是什么,兩句話用分號(hào)隔開(kāi)是什么意思?#define DECLARE_EVENT_DRIVER(VarName, pfnOpen, pfnClose
發(fā)表于 06-18 07:28
請(qǐng)問(wèn)radiolink.c的代碼的作用是什么?
與DOWN_BYTE1,DOWN_BYTE2的值相比較,c的作用是什么?DOWN_BYTE1的值是0xAA,為什么?在線等,~~~
發(fā)表于 06-26 04:37
代碼的作用是什么
( ZDO_UseExtendedPANID ) == TRUE)...........]上面代碼的作用是什么?試驗(yàn)中發(fā)現(xiàn),一旦協(xié)調(diào)器重啟,則終端設(shè)備有時(shí)候不能再入網(wǎng),調(diào)試發(fā)現(xiàn),PAN已經(jīng)找到,上面條件成立,無(wú)法入網(wǎng)。正常情況下,上面代碼為FALSE,可以入網(wǎng)。
發(fā)表于 04-27 14:18
C語(yǔ)言void及void指針深層探索
1.概述 本文將對(duì)void關(guān)鍵字的深刻含義進(jìn)行解說(shuō),并詳述void及void指針類(lèi)型的使用方法與技巧。 2.void的含義 void的字面意
發(fā)表于 09-21 11:36
?166次下載
Javascript作用域-前端開(kāi)發(fā)必知的技巧
深入理解Javascript的工作原理以及特性,只有這樣才能以不變應(yīng)萬(wàn)變。 今天IT培訓(xùn)網(wǎng)給大家分享的是:淺談Javascript作用域 什么是作用域? Js中的變量或者函數(shù)能夠被訪
發(fā)表于 04-01 17:49
?520次閱讀
javascript開(kāi)關(guān)作用
JavaScript開(kāi)關(guān)的作用主要是控制代碼的執(zhí)行。在JavaScript中,可以使用開(kāi)關(guān)(switch)語(yǔ)句來(lái)檢查某個(gè)變量的值,并根據(jù)不同的值執(zhí)行不同的操作。開(kāi)關(guān)語(yǔ)句通常用于替代if-else語(yǔ)句
javascriptvoid(o)怎么解決
"javascript:void(0)"是一個(gè)經(jīng)常在JavaScript中使用的特殊代碼片段。它通常用于在點(diǎn)擊HTML元素時(shí)觸發(fā)JavaScript
javascript:void(0) 是否影響SEO優(yōu)化
使用 javascript:void(0) 確實(shí)可能對(duì)SEO優(yōu)化產(chǎn)生負(fù)面影響 。以下是關(guān)于 javascript:void(
javascript:void(0) 的作用是什么
評(píng)論