首頁猿問 html的a標簽后續綁定js事件，...

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

JavaScript

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

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

查看完整描述

2 回答

繁花不似錦

TA貢獻1851條經驗獲得超4個贊

不一樣，#是跳轉到錨點，沒指定就跳到頁面首行去了，javascript:;則是執行一個空的js命令，不會進行跳轉，具體你給的網址都寫的挺清楚了。我猜測原文的意思只是說要給a標簽添加上href屬性的意思吧，通過讀取href="#"這個屬性插件達到阻止跳轉的目的。另外這句話的原文是iOSdevicesrequireanhref="#"forclickeventsifyouwouldratheruseananchor.繼續補上Bootstrap的相關代碼：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()}如果我沒看錯以及理解錯代碼的話，加上href='#'的目的應該是用來判斷是否彈窗標簽而已吧。個人理解，如有錯誤懇請指正。

反對回復 2019-04-08

2 回答
0 關注
736 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

html的a標簽后續綁定js事件，href屬性設置為#還是javascript:;或者javascript:void(0);好？

html的a標簽后續綁定js事件，href屬性設置為#還是javascript:;或者javascript:void(0);好？

2 回答

添加回答

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

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