javascriptvoid(0)含義以及與"#"的區(qū)別講解

javascript:void(0) 中最關鍵的是 void 關鍵字, void 是 JavaScript 中非常重要的關鍵字,該操作符指定要計算一個表達式但是無返回值。

創(chuàng)新互聯(lián)網站建設公司一直秉承“誠信做人,踏實做事”的原則,不欺瞞客戶,是我們最起碼的底線! 以服務為基礎,以質量求生存,以技術求發(fā)展,成交一個客戶多一個朋友!專注中小微企業(yè)官網定制,成都網站設計、成都網站建設、外貿網站建設,塑造企業(yè)網絡形象打造互聯(lián)網企業(yè)效應。

說明:

  • 1.javascript:void(0)這種偽協(xié)議,少寫的好,如果你看過一些web標準的書就知道為什么了。(不懂,原話摘的,暫做記錄)
  • 2.鏈接(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還是使用“####”。為防止點擊鏈接后跳轉到頁首,onclick事件return false即可。
  • 3.如果僅僅是想鼠標移過,變成手形,可以使用

<span onclick="foo()">Click Me!</span>  

推薦寫法:javascript:;

為什么要使用href=”javascript:void(0);”

href=”javascript:void(0);”這個的含義是,讓超鏈接去執(zhí)行一個js函數(shù),而不是去跳轉到一個地址,而void(0)表示一個空的方法,也就是不執(zhí)行js函數(shù)。

javascript:是偽協(xié)議,表示url的內容通過javascript執(zhí)行。

void(0)表示不作任何操作,這樣會防止鏈接跳轉到其他頁面。這么做往往是為了保留鏈接的樣式,但不讓鏈接執(zhí)行實際操作,

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="window.open()"> 點擊鏈接后,頁面不動,只打開鏈接

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:return false;"> 作用一樣,但不同瀏覽器會有差異。

href=”#"的區(qū)別(谷歌瀏覽器)

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" >點擊</a>點擊鏈接后不會回到網頁頂部

javascriptvoid(0)含義以及與"#"的區(qū)別講解

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >點擊</a> 點擊后會回到網面頂部,并會在地址欄的后面加個 #

javascriptvoid(0)含義以及與"#"的區(qū)別講解

"#"其實是包含了位置信息,例如默認的錨點是#top 也就是網頁的上端

而javascript:void(0) 僅僅表示一個死鏈接這就是為什么有的時候頁面很長瀏覽鏈接明明是??墒翘鴦拥搅隧撌?/p>

而javascript:void(0) 則不是如此所以調用腳本的時候最好用void(0)

使用javascript的方法(下面的這些用法會報錯)

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

補充 :<a href="javascript:fn();" rel="external nofollow" 這樣點擊a標簽就可以執(zhí)行fn()函數(shù)了。

若有不足請多多指教!希望給您帶來幫助!

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對創(chuàng)新互聯(lián)的支持。如果你想了解更多相關內容請查看下面相關鏈接

標題名稱:javascriptvoid(0)含義以及與"#"的區(qū)別講解
網站路徑:http://muchs.cn/article8/jejeop.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網站制作、App開發(fā)、定制網站關鍵詞優(yōu)化、網站改版

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化