在前段工作時經(jīng)常會遇到移動端開發(fā),移動端與pc端開發(fā)是有很多的差異的,今天文匯軟件的小編就來跟大家分享下自己的工作經(jīng)驗。
在移動端開發(fā)時,客戶經(jīng)常會有內(nèi)部鏈接的要求。這個時候a的name屬性就派上了用場,這個屬性是指錨點跳轉(zhuǎn)鏈接,主要是應(yīng)用在本頁的,一般的用法是這樣的,指定你要掉轉(zhuǎn)的位置 給他一個name值,當(dāng)然也可以指定他的id值,id作為標(biāo)簽的標(biāo)識符,基本上與name是一樣的。name是老方法,id是在name基礎(chǔ)上發(fā)明的,后來才有的。同時,他們也是有區(qū)別的,一個name可以同時對應(yīng)多個控件,比如checkbox和radio,但是一個id只能是全文檔唯一的。
同時也要制定需要做跳轉(zhuǎn)的地方,這里的格式為href="#",#后為你之前起的name名稱。
當(dāng)然在這里可能會遇到問題,因為有的小伙伴們可能發(fā)現(xiàn)自己的a鏈接跳轉(zhuǎn)不了,這是什么鬼!
這里是因為需要跳轉(zhuǎn)的頁面加了event.preventdefault阻止了瀏覽器的默認(rèn)行為 。后來我用“www.cn文匯.com”這個鏈接進(jìn)行測試,的確是么有問題問題,那就驗證了是上面的原因?qū)е铝宋业膯栴}。
然后我就使用js的鏈接的 onclick 事件,因為onclick被先執(zhí)行,然后使用windows location href的方法在當(dāng)前頁面中重新打開結(jié)果問題解決了。
上一篇: 如何快速上手swiper