1. 程式人生 > >a標簽 可能會出現的bug

a標簽 可能會出現的bug

ref 當前頁 屬性 定位問題 實現 use 位置 你會 nload

在項目中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