javascript:void(0)的作用示例介紹
更新時間:2013年10月28日 11:40:39 作者:
在做頁面時,如果想做一個鏈接點擊后不做任何事情,或者響應(yīng)點擊而完成其他事情,我們可以使用javascript:void(0),下面是具體的使用方法,感興趣的朋友可以參考下
在做頁面時,如果想做一個鏈接點擊后不做任何事情,或者響應(yīng)點擊而完成其他事情,可以設(shè)置其屬性 href = "#",但是,這樣會有一個問題,就是當(dāng)頁面有滾動條時,點擊后會返回到頁面頂端,或者是跳到設(shè)置的錨點的地方,用戶體驗不好。
通常的用法為:
<a href="javascript:void(0)">單擊此處看看效果</a>
實際上單擊此處什么也不會發(fā)生,其中的javascript:void(0);形式是一個javascript的偽協(xié)議,是表示此鏈接不跳轉(zhuǎn)到任何的地方。
用到j(luò)avascript:void(0)的情況主要形式有以下幾種:
//點擊鏈接后不做任何事情
<a href="javascript:void(0);" >test</a>
<a href="javascript:;" >test</a>
<a href="####" >test</a> //使用2個到4個#,見的大多是"####",也有使用"#all"等其他的
//點擊鏈接后,響應(yīng)用戶自定義的點擊事件
<a href="javascript:void(0)" onclick="doSomething()">test</a>
通常的用法為:
復(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>
您可能感興趣的文章:
- JavaScript:void(0)用法及一些常見問題解決辦法
- javascript:void(0)用法及常見問題解析
- javascript:void(0)用法及常見問題分析
- javascript:void(0)的含義及用法實例
- 詳解javascript void(0)
- javascript:void(0)點擊登錄沒反應(yīng)怎么解決
- js中javascript:void(0) 真正含義
- js中 javascript:void(0) 用法詳解
- javascript:void(0)是什么意思示例介紹
- javascript:void(0)使用探討
- javascript void(0)的妙用
- javascript:void(0) 的常見使用場景
相關(guān)文章
JavaScript基礎(chǔ)之Array?forEach使用示例
這篇文章主要為大家介紹了JavaScript基礎(chǔ)之Array?forEach使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12