js中 javascript:void(0) 用法詳解
javascript:void(0)表示不做任何動(dòng)作。如:
<a href="javascript:void(0);" onclick="alert('ok');"></a>
這里表示這個(gè)鏈接不做跳轉(zhuǎn)動(dòng)作,執(zhí)行onClick事件。
我想使用過(guò)ajax的都常見(jiàn)這樣的代碼:
<a href="javascript:doTest2();void(0);">here</a>
但這兒的void(0)究竟是何含義呢?
Javascript中void是一個(gè)操作符,該操作符指定要計(jì)算一個(gè)表達(dá)式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一個(gè)要計(jì)算的 Javascript 標(biāo)準(zhǔn)的表達(dá)式。表達(dá)式外側(cè)的圓括號(hào)是選的,但是寫上去是一個(gè)好習(xí)慣。 (實(shí)現(xiàn)版本 Navigator 3.0 )
你以使用 void 操作符指定超級(jí)鏈接。表達(dá)式會(huì)被計(jì)算但是不會(huì)當(dāng)前文檔處裝入任何內(nèi)容。
下面的代碼創(chuàng)建了一個(gè)超級(jí)鏈接,當(dāng)用戶以后不會(huì)發(fā)生任何事。當(dāng)用戶鏈接時(shí),void(0) 計(jì)算為 0,但 Javascript 上沒(méi)有任何效果。
<A HREF="javascript:void(0)">單此處什么也不會(huì)發(fā)生</A>
下面的代碼創(chuàng)建了一個(gè)超級(jí)鏈接,用戶單時(shí)會(huì)提交表單。
<A HREF="javascript:void(document.form.submit())">
單此處提交表單</A>
a href=#與 a href=javascript:void(0) 的區(qū)別 鏈接的幾種辦法
#包含了一個(gè)位置信息
默認(rèn)的錨是#top 也就是網(wǎng)頁(yè)的上端
而javascript:void(0) 僅僅表示一個(gè)死鏈接
這就是為什么有的時(shí)候頁(yè)面很長(zhǎng)瀏覽鏈接明明是#是
跳動(dòng)到了頁(yè)首
而javascript:void(0) 則不是如此
所以調(diào)用腳本的時(shí)候最好用void(0)
或者<input onclick>
<div onclick>等
鏈接的幾種辦法
1.window.open(''url'')
2.用自定義函數(shù)
<script> function openWin(tag,obj) { obj.target="_blank"; obj.href = "Web/Substation/Substation.aspx?stationno="+tag; obj.click(); } </script> <a href="javascript:void(0)" onclick="openWin(3,this)">徐州</a> window.location.href=""
總結(jié):
1 void(0)用于執(zhí)行某些處理,但是不整體刷新頁(yè)面的情況下,但是在需要對(duì)頁(yè)面進(jìn)行refresh的情況下,那就要仔細(xì)了。
2 其實(shí)我們可以這樣用<a href=”javascript:void(document.form.submit())”>,這句話會(huì)進(jìn)行一次submit操作。那什么情 況下用void(0)比較多呢,無(wú)刷新,當(dāng)然是Ajax了,看一下Ajax的web頁(yè)面的話,一般都會(huì)看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,這個(gè)頁(yè)面是否需要整體刷新
3 說(shuō)白了,href="#"這種形式會(huì)整體刷新頁(yè)面,而 href="javascript:void(0)" 則不會(huì)
以上內(nèi)容介紹了js中 javascript:void(0) 的含義,希望對(duì)大家有所幫助。
- JavaScript:void(0)用法及一些常見(jiàn)問(wèn)題解決辦法
- javascript:void(0)用法及常見(jiàn)問(wèn)題解析
- javascript:void(0)用法及常見(jiàn)問(wèn)題分析
- javascript:void(0)的含義及用法實(shí)例
- 詳解javascript void(0)
- javascript:void(0)點(diǎn)擊登錄沒(méi)反應(yīng)怎么解決
- js中javascript:void(0) 真正含義
- javascript:void(0)是什么意思示例介紹
- javascript:void(0)的作用示例介紹
- javascript:void(0)使用探討
- javascript void(0)的妙用
- javascript:void(0) 的常見(jiàn)使用場(chǎng)景
相關(guān)文章
canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶頭像的代碼
這篇文章主要介紹了canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶頭像的代碼代碼簡(jiǎn)單易懂非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10詳解JavaScript中js對(duì)象與JSON格式字符串的相互轉(zhuǎn)換
本篇文章主要介紹了JavaScript中js對(duì)象與JSON格式字符串的相互轉(zhuǎn)換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-02-02(currentStyle)javascript為何有時(shí)用style得不到已設(shè)定的CSS的屬性
(currentStyle)javascript為何有時(shí)用style得不到已設(shè)定的CSS的屬性...2007-08-08uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果的相關(guān)資料,tabs切換無(wú)論是在app端還是小程序或者H5頁(yè)面都是很常見(jiàn)的功能,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下2023-07-07原生js實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖效果
本文主要介紹了原生js實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖效果的實(shí)例,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02JavaScript中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種常用方法總結(jié)
本文主要介紹了網(wǎng)頁(yè)開(kāi)發(fā)中頁(yè)面跳轉(zhuǎn)的概念和重要性,及使用JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種常見(jiàn)方法,包括使用window.location.href,window.location.replace(),window.location.assign(),window.open(),form表單提交以及HTML的a標(biāo)簽等方法實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn),需要的朋友可以參考下2024-10-10