首頁猿問 html的a標(biāo)簽后續(xù)綁定js事件，...

html的a標(biāo)簽后續(xù)綁定js事件，href屬性設(shè)置為#還是javascript:;或者javascript:void(0);好？

JavaScript

慕桂英3389331 2019-04-08 11:18:13

一直有這個(gè)問題，在網(wǎng)上找答案都沒有個(gè)統(tǒng)一、清晰的思路，今天在看bootstrap文檔時(shí)又遇到了（詳見：“如果你選擇使用連接標(biāo)簽的話，在iOS設(shè)備上需要一個(gè)href="#"配合點(diǎn)擊事件”），所以想在sf里問問看有沒有熟悉這方面知識(shí)的人給解答一下，謝謝！另外：bootstrap關(guān)于“iOS設(shè)備上需要一個(gè)href="#"”里的href="#"是不是等價(jià)于href="javascript:;"？相關(guān)問題已在站內(nèi)搜索，列出如下：http://segmentfault.com/q/1010000000355766http://segmentfault.com/q/1010000000339082不需要很長(zhǎng)的回答，僅一兩句或者一個(gè)list能給出一個(gè)理解思路就可以了，再次謝謝！

查看完整描述

2 回答

繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊

不一樣，#是跳轉(zhuǎn)到錨點(diǎn)，沒指定就跳到頁面首行去了，javascript:;則是執(zhí)行一個(gè)空的js命令，不會(huì)進(jìn)行跳轉(zhuǎn)，具體你給的網(wǎng)址都寫的挺清楚了。我猜測(cè)原文的意思只是說要給a標(biāo)簽添加上href屬性的意思吧，通過讀取href="#"這個(gè)屬性插件達(dá)到阻止跳轉(zhuǎn)的目的。另外這句話的原文是iOSdevicesrequireanhref="#"forclickeventsifyouwouldratheruseananchor.繼續(xù)補(bǔ)上Bootstrap的相關(guān)代碼：Alert.prototype.close=function(e){var$this=$(this),selector=$this.attr('data-target'),$parentif(!selector){selector=$this.attr('href')selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,'')//stripforie7}$parent=$(selector)e&&e.preventDefault()$parent.length||($parent=$this.hasClass('alert')?$this:$this.parent())$parent.trigger(e=$.Event('close'))if(e.isDefaultPrevented())return$parent.removeClass('in')functionremoveElement(){$parent.trigger('closed').remove()}$.support.transition&&$parent.hasClass('fade')?$parent.on($.support.transition.end,removeElement):removeElement()}如果我沒看錯(cuò)以及理解錯(cuò)代碼的話，加上href='#'的目的應(yīng)該是用來判斷是否彈窗標(biāo)簽而已吧。個(gè)人理解，如有錯(cuò)誤懇請(qǐng)指正。