快捷導(dǎo)航

javascript:void(0)的作用示例介紹

更新時間：2013年10月28日 11:40:39 作者：

在做頁面時，如果想做一個鏈接點擊后不做任何事情，或者響應(yīng)點擊而完成其他事情，我們可以使用javascript:void(0)，下面是具體的使用方法，感興趣的朋友可以參考下

在做頁面時，如果想做一個鏈接點擊后不做任何事情，或者響應(yīng)點擊而完成其他事情，可以設(shè)置其屬性 href = "#"，但是，這樣會有一個問題，就是當(dāng)頁面有滾動條時，點擊后會返回到頁面頂端，或者是跳到設(shè)置的錨點的地方，用戶體驗不好。

通常的用法為：

復(fù)制代碼代碼如下:

<a href="javascript:void(0)">單擊此處看看效果</a>

實際上單擊此處什么也不會發(fā)生,其中的javascript:void(0);形式是一個javascript的偽協(xié)議，是表示此鏈接不跳轉(zhuǎn)到任何的地方。

用到j(luò)avascript:void(0)的情況主要形式有以下幾種：

復(fù)制代碼代碼如下:

 
//點擊鏈接后不做任何事情 
<a href="javascript:void(0);" >test</a> 
<a href="javascript:;" >test</a> 
<a href="####" >test</a> //使用2個到4個#，見的大多是"####"，也有使用"#all"等其他的 

復(fù)制代碼代碼如下:

 
//點擊鏈接后，響應(yīng)用戶自定義的點擊事件 
<a href="javascript:void(0)" onclick="doSomething()">test</a> 

您可能感興趣的文章:

相關(guān)文章

js正則相關(guān)知識點專題
本篇內(nèi)容是小編整理的關(guān)于腳本之家精選的JS正則的優(yōu)秀文章，適合大家學(xué)習(xí)JS正則的相關(guān)內(nèi)容，有需要的朋友參考下。
2018-05-05
讓人蛋疼的JavaScript語法特性
JavaScript有很多地方和我們熟知的C、Java等的編程習(xí)慣不同，這些不同會產(chǎn)生很多讓人意想不到的事情。今天我們就來探討下這些讓人蛋疼的語法特性
2014-09-09
菜鳥javascript基礎(chǔ)整理1
JavaScript 基礎(chǔ)基礎(chǔ)，雖然基礎(chǔ)但是很實用。
2010-12-12
javascript中的3種繼承實現(xiàn)方法
這篇文章主要介紹了javascript中的3種繼承實現(xiàn)方法，包括使用Object.create實現(xiàn)類式繼承、使用utilities工具包自帶的util.inherites、使用extends關(guān)鍵字，非常的實用，希望對大家了解javascript繼承能夠有所幫助
2016-01-01
詳解Javascript基礎(chǔ)之循環(huán)
這篇文章主要為大家介紹了Javascript基礎(chǔ)之循環(huán)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
深入解析JavaScript的閉包機制
這篇文章主要介紹了JavaScript的閉包機制,針對內(nèi)嵌函數(shù)的變量訪問等問題分析了JS的閉包,需要的朋友可以參考下
2015-10-10
javascript確認框的三種使用方法
javascript確認框的三種使用方法，在開發(fā)中經(jīng)常要用到，記錄一下使用方法
2013-12-12
Javascript中的Split使用方法與技巧
Javascript中的Split使用方法與技巧...
2007-03-03
JavaScript基礎(chǔ)之Array?forEach使用示例
這篇文章主要為大家介紹了JavaScript基礎(chǔ)之Array?forEach使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
深入了解JavaScript中的Symbol的使用方法
這篇文章主要介紹了深入了解JavaScript中的Symbol的使用方法,本文針對ES6版本的JS進行講解,需要的朋友可以參考下
2015-07-07