最近在做個人的一個小網(wǎng)站遇到不少的問題。怕以后忘記围苫,所以記錄下來裤园,與你們一起分享一下下,等做好了剂府,在拿給你們看看拧揽,好不好?嘻嘻周循。
1.問題
想必大家也遇到過吧强法,就是當(dāng)你點擊一個a標(biāo)簽的時候万俗,會自動跳轉(zhuǎn)到瀏覽器的頂部(當(dāng)然如果瀏覽器不出現(xiàn)滾動條湾笛,是看不到這個效果的)。
2.出現(xiàn)的原因
遇到問題我們就要解決他們闰歪,還要知道其中的原因嚎研,才能進步,那么我就來說下库倘,產(chǎn)生的原因临扮,大家都知道a標(biāo)簽有個錨作用,就是給href屬性#后面添加一個ID教翩,那么你點擊a標(biāo)簽的時候杆勇,就會自動跳到有這個ID的地方,那么當(dāng)#后面什么也不加的時候饱亿,a標(biāo)簽就不知道要跳哪里蚜退,所以默認(rèn)就是瀏覽器的頂部闰靴。跟著這個思路就出現(xiàn)以下兩種的解決辦法。
3.解決的辦法
1.在a標(biāo)簽的href屬性中寫三個#(三個以上也行的)钻注。
<a href=“###”><a/>?
這樣子a標(biāo)簽就就找到##蚂且,也就不會跳轉(zhuǎn)了,但是不推薦使用這種方法幅恋,因為這樣子杏死,在url地址欄中就會多###。
2.在a標(biāo)簽的href屬性中寫javascript:void(0);
<a href="javascript:void(0)"><a/>
大家都知道有http: file:等協(xié)議捆交,其實javascript:也是一種協(xié)議淑翼,當(dāng)你點擊a標(biāo)簽的時候,他會自動執(zhí)行javascript:,后面的內(nèi)容品追;就比如窒舟,javascript:alert(1),那么就會彈出1诵盼,void(0)的返回值是undefined惠豺,所以執(zhí)行javascript:void(0),簡單的理解就是什么也沒執(zhí)行风宁,執(zhí)行了一個空的函數(shù)(這樣子理解好像不準(zhǔn)確)所以就不會跳轉(zhuǎn)了洁墙。
我在前端也一個小白,如果有什么理解不正確的地方戒财,希望大家指出热监,我們共同進步,好不好饮寞?哈哈孝扛。么么噠,愛你們幽崩!