a標簽 可能會出現的bug
在項目中a標簽遇到過的問題
發現問題:a標簽包裝的按鈕, 如果這個按鈕在頁面滾動後出現,你點擊後,頁面會定位到滾動以前的位置,但是我並不想要這種效果。
分析問題並嘗試: 一開始以為是光標定位問題,用document.getElementById("username").focus(); 試了一下還是沒解決。
後來經同事提醒,把a標簽的href屬性去掉,試了一下好了,不跳到上面了。
分析發生問題的原因:href寫的"#",相當於跳到當前頁面的一個錨點,錨點地址又沒寫是空,默認就會是頁面最上面,如果沒有滾輪就看不出有區別,有滾輪你會發現有問題。
發現問題:a標簽寫的提交按鈕,提交之後沒有跳到js裏面制定的url,而是跳到這個網站的主頁了。
分析問題並嘗試:一開始猜是form提交的url不對。
還猜過form裏面id名字是不是不能帶“-”。
偶然間重寫了一次a便簽,發現沒有這問題了,你猜怎麽著?a便簽忘記寫 href=“#”了,
分析發生問題的原因:提交的地址應該是http://10.1.29.254:8088/mbms/public/index.php?controller=content&action=ListContent
因為提交裏面的url都是寫的後面的地址index.php?controller=content&action=ListContent,沒有寫前面的地址,
然後href沒寫,他找不到前面的http://10.1.29.254:8088/mbms/public這個地址,就沒有跳到制定頁面,但是為什麽會跳到主頁,我也不知道。
發現問題:a標簽想實現下載功能,一開始以為是href=“文件地址”就可以了,但是點一下,就跳到那個地址了,打開那個文件了
分析問題並嘗試:查了一下,只要給他設置下面這個屬性就可以了 download=“文件名稱”
分析發生問題的原因:當時腦子軸,沒想到這不就是a便簽的默認跳轉鏈接屬性麽,還納悶了半天,加 download=“文件名稱”就可以了
總結: a標簽寫href=“#”,點了,視野會重定位,所以有滾輪要慎重。
a標簽不寫href=“#”,當做提交按鈕時,提交的url要寫全,不然定位的地址會亂跳
a便簽實現下載功能 href=“文件地址” download=“文件名稱”
a標簽 可能會出現的bug