欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2013年10月28日 11:40:39   作者:  
在做頁(yè)面時(shí),如果想做一個(gè)鏈接點(diǎn)擊后不做任何事情,或者響應(yīng)點(diǎn)擊而完成其他事情,我們可以使用javascript:void(0),下面是具體的使用方法,感興趣的朋友可以參考下
在做頁(yè)面時(shí),如果想做一個(gè)鏈接點(diǎn)擊后不做任何事情,或者響應(yīng)點(diǎn)擊而完成其他事情,可以設(shè)置其屬性 href = "#",但是,這樣會(huì)有一個(gè)問題,就是當(dāng)頁(yè)面有滾動(dòng)條時(shí),點(diǎn)擊后會(huì)返回到頁(yè)面頂端,或者是跳到設(shè)置的錨點(diǎn)的地方,用戶體驗(yàn)不好。

通常的用法為:
復(fù)制代碼 代碼如下:

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

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

用到j(luò)avascript:void(0)的情況主要形式有以下幾種:
復(fù)制代碼 代碼如下:

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

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

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

相關(guān)文章

  • js正則相關(guān)知識(shí)點(diǎn)專題

    js正則相關(guān)知識(shí)點(diǎn)專題

    本篇內(nèi)容是小編整理的關(guān)于腳本之家精選的JS正則的優(yōu)秀文章,適合大家學(xué)習(xí)JS正則的相關(guān)內(nèi)容,有需要的朋友參考下。
    2018-05-05
  • 讓人蛋疼的JavaScript語(yǔ)法特性

    讓人蛋疼的JavaScript語(yǔ)法特性

    JavaScript有很多地方和我們熟知的C、Java等的編程習(xí)慣不同,這些不同會(huì)產(chǎn)生很多讓人意想不到的事情。今天我們就來(lái)探討下這些讓人蛋疼的語(yǔ)法特性
    2014-09-09
  • 菜鳥javascript基礎(chǔ)整理1

    菜鳥javascript基礎(chǔ)整理1

    JavaScript 基礎(chǔ)基礎(chǔ),雖然基礎(chǔ)但是很實(shí)用。
    2010-12-12
  • javascript中的3種繼承實(shí)現(xiàn)方法

    javascript中的3種繼承實(shí)現(xiàn)方法

    這篇文章主要介紹了javascript中的3種繼承實(shí)現(xiàn)方法,包括使用Object.create實(shí)現(xiàn)類式繼承、使用utilities工具包自帶的util.inherites、使用extends關(guān)鍵字,非常的實(shí)用,希望對(duì)大家了解javascript繼承能夠有所幫助
    2016-01-01
  • 詳解Javascript基礎(chǔ)之循環(huán)

    詳解Javascript基礎(chǔ)之循環(huán)

    這篇文章主要為大家介紹了Javascript基礎(chǔ)之循環(huán),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助
    2021-12-12
  • 深入解析JavaScript的閉包機(jī)制

    深入解析JavaScript的閉包機(jī)制

    這篇文章主要介紹了JavaScript的閉包機(jī)制,針對(duì)內(nèi)嵌函數(shù)的變量訪問等問題分析了JS的閉包,需要的朋友可以參考下
    2015-10-10
  • javascript確認(rèn)框的三種使用方法

    javascript確認(rèn)框的三種使用方法

    javascript確認(rèn)框的三種使用方法,在開發(fā)中經(jīng)常要用到,記錄一下使用方法
    2013-12-12
  • Javascript中的Split使用方法與技巧

    Javascript中的Split使用方法與技巧

    Javascript中的Split使用方法與技巧...
    2007-03-03
  • JavaScript基礎(chǔ)之Array?forEach使用示例

    JavaScript基礎(chǔ)之Array?forEach使用示例

    這篇文章主要為大家介紹了JavaScript基礎(chǔ)之Array?forEach使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • 深入了解JavaScript中的Symbol的使用方法

    深入了解JavaScript中的Symbol的使用方法

    這篇文章主要介紹了深入了解JavaScript中的Symbol的使用方法,本文針對(duì)ES6版本的JS進(jìn)行講解,需要的朋友可以參考下
    2015-07-07

最新評(píng)論