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