日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

js中 javascript:void(0) 用法详解

發布時間:2023/12/1 javascript 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js中 javascript:void(0) 用法详解 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

javascript:void(0)表示不做任何動作。如:

?

復制代碼代碼如下:
<a href="javascript:void(0);" οnclick="alert('ok');"></a>??

?

這里表示這個鏈接不做跳轉動作,執行onClick事件。

我想使用過ajax的都常見這樣的代碼:

?

復制代碼代碼如下:
<a href="javascript:doTest2();void(0);">here</a>

?

?

但這兒的void(0)究竟是何含義呢?

Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。

void 操作符用法格式如下:

1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的,但是寫上去是一個好習慣。 (實現版本?? Navigator 3.0?? )

你以使用 void 操作符指定超級鏈接。表達式會被計算但是不會當前文檔處裝入任何內容。

下面的代碼創建了一個超級鏈接,當用戶以后不會發生任何事。當用戶鏈接時,void(0) 計算為 0,但 Javascript 上沒有任何效果。

?

復制代碼代碼如下:
<A HREF="javascript:void(0)">單此處什么也不會發生</A>

?

下面的代碼創建了一個超級鏈接,用戶單時會提交表單。

?

復制代碼代碼如下:
<A HREF="javascript:void(document.form.submit())">
單此處提交表單</A>

?

?

a href=#與 a href=javascript:void(0) 的區別 鏈接的幾種辦法

#包含了一個位置信息

默認的錨是#top 也就是網頁的上端

而javascript:void(0)?? 僅僅表示一個死鏈接

這就是為什么有的時候頁面很長瀏覽鏈接明明是#是

跳動到了頁首

而javascript:void(0) 則不是如此

所以調用腳本的時候最好用void(0)

或者<input onclick>

<div onclick>等

鏈接的幾種辦法

1.window.open(''url'')

2.用自定義函數

?
1 2 3 4 5 6 7 8 9 10 11 12 <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=""

總結:

1 void(0)用于執行某些處理,但是不整體刷新頁面的情況下,但是在需要對頁面進行refresh的情況下,那就要仔細了。

2 其實我們可以這樣用<a href=”javascript:void(document.form.submit())”>,這句話會進行一次submit操作。那什么情 況下用void(0)比較多呢,無刷新,當然是Ajax了,看一下Ajax的web頁面的話,一般都會看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,這個頁面是否需要整體刷新

3 說白了,href="#"這種形式會整體刷新頁面,而 href="javascript:void(0)" 則不會

轉載于:https://www.cnblogs.com/to-creat/p/7153778.html

總結

以上是生活随笔為你收集整理的js中 javascript:void(0) 用法详解的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。