1. 程式人生 > >a 標籤為空的時候 該怎麼寫

a 標籤為空的時候 該怎麼寫

基於webkit核心的移動開發筆記,之前已經寫過4篇,主要是關於移動開發重構的分享,今晚有空了再寫一篇。

回憶去年年底最後的一個專案,還有一個很怪異的bug,讓專案團隊的成員感到十分頭疼。測試組的同事做完最後的測試迴歸後,專案釋出上線,並通過微信推送連結。在ios系統中(android顯示正常),微信內頁開啟連結後,點選頁面的一個按鈕,頁面被重新載入了,這時才可以對頁面進行其它操作。

再次不斷試後,我們這邊的同事肯定是微信軟體內部配置引起的,可是微信的同事也無法定位具體的問題......糾結了很久....

後來啊,想到各種蛋碎,才知道是a標籤的引起的

<a href="#none" class
="btn" id="btn"></a>

href=“#none” 這是本來是使用空連結,並使用JS控制ID來給按鈕新增功能,但是在微信中會導致第一次點選按鈕時頁面出現重新載入現象......

解決辦法如下:

<a href=”javascript:void(0);” class="btn" id="btn"></a>

javascript:void(0) 連結無返回值

在從新浪微博,淘寶首頁可以看到,當a標籤href為空連結,寫法為javascript:void(0),也不是說使用href="#none"就是錯誤的,在pc端上使用也是沒有問題的,也許href="

javascript:void(0);"是專業化的一種表現,更值得我們去寫,畢竟它解決微信中存在的一個bug...

這次的經歷也告訴自己,不可隨意設定空連結的a標籤為:<a href="#none">按鈕</a>,它可能會在你不知情的情況下出現bug,同時發現了自己與他人的差距,還有很多進步的空間,更多是細節上的問題。