問題總結(jié)之關(guān)于點擊a標(biāo)簽自動跳到頂部解決方案樊销,以及原因整慎。

最近在做個人的一個小網(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)了洁墙。


我在前端也一個小白,如果有什么理解不正確的地方戒财,希望大家指出热监,我們共同進步,好不好饮寞?哈哈孝扛。么么噠,愛你們幽崩!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末苦始,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子慌申,更是在濱河造成了極大的恐慌陌选,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹄溉,死亡現(xiàn)場離奇詭異咨油,居然都是意外死亡,警方通過查閱死者的電腦和手機柒爵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門役电,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人棉胀,你說我怎么就攤上這事法瑟〈亚纾” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵瓢谢,是天一觀的道長畸写。 經(jīng)常有香客問我,道長氓扛,這世上最難降的妖魔是什么枯芬? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮采郎,結(jié)果婚禮上千所,老公的妹妹穿的比我還像新娘。我一直安慰自己蒜埋,他們只是感情好淫痰,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著整份,像睡著了一般待错。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烈评,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天火俄,我揣著相機與錄音,去河邊找鬼讲冠。 笑死瓜客,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的竿开。 我是一名探鬼主播谱仪,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼否彩!你這毒婦竟也來了疯攒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤胳搞,失蹤者是張志新(化名)和其女友劉穎卸例,沒想到半個月后称杨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體肌毅,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年姑原,在試婚紗的時候發(fā)現(xiàn)自己被綠了悬而。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡锭汛,死狀恐怖笨奠,靈堂內(nèi)的尸體忽然破棺而出袭蝗,到底是詐尸還是另有隱情,我是刑警寧澤般婆,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布到腥,位于F島的核電站,受9級特大地震影響蔚袍,放射性物質(zhì)發(fā)生泄漏乡范。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一啤咽、第九天 我趴在偏房一處隱蔽的房頂上張望晋辆。 院中可真熱鬧,春花似錦宇整、人聲如沸瓶佳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霸饲。三九已至,卻和暖如春臂拓,著一層夾襖步出監(jiān)牢的瞬間贴彼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工埃儿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留器仗,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓童番,卻偏偏與公主長得像精钮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子剃斧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案轨香? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,748評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)幼东,斷路器臂容,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,397評論 0 17
  • 女兒計劃周二去看朋友家新買的貓根蟹,準(zhǔn)備做一盒餅干帶過去脓杉,正好家里新買的面包機等著她開工,所以昨天下午自己去就近的人人...
    ivy_gu閱讀 351評論 0 0
  • 倘若生命是一條河流简逮,那么注定有無數(shù)的花瓣飄落球散,倘若時間是一頁黃紙,那么一定有眾多的筆跡留下散庶。一絲點綴蕉堰,一份沉淀凌净,才...
    沐秋流閱讀 483評論 0 0