a標(biāo)簽調(diào)用js的幾種方法

我們常用的在a標(biāo)簽中有點擊事件:

標(biāo)簽的 href 屬性用于指定超鏈接目標(biāo)的 URL顽冶,href 屬性的值可以是任何有效文檔的相對或絕對 URL驶社,包括片段標(biāo)識符和 JavaScript 代碼段嘱函。


這里的href="javascript:;"若治,其中javascript:是偽協(xié)議峡眶,它可以讓我們通過一個鏈接來調(diào)用javascript函數(shù).而采用這個方式 javascript:;可以實現(xiàn)A標(biāo)簽的點擊事件運行時,如果頁面內(nèi)容很多京革,有滾動條時奇唤,頁面不會亂跳,用戶體驗更好

1. a href="javascript:js_method();"

這是我們平臺上常用的方法匹摇,但是這種方法在傳遞this等參數(shù)的時候很容易出問題咬扇,而且javascript:協(xié)議作為a的href屬性的時候不僅會導(dǎo)致不必要的觸發(fā)window.onbeforeunload事件,在IE里面更會使gif動畫圖片停止播放廊勃。W3C標(biāo)準(zhǔn)不推薦在href里面執(zhí)行javascript語句

2. a href="javascript:void(0);" onclick="js_method()"

這種方法是很多網(wǎng)站最常用的方法懈贺,也是最周全的方法,onclick方法負責(zé)執(zhí)行js函數(shù)坡垫,而void是一個操作符梭灿,void(0)返回undefined,地址不發(fā)生跳轉(zhuǎn)冰悠。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態(tài)欄堡妒。

3.a href="javascript:;" onclick="js_method()"

這種方法跟跟2種類似,區(qū)別只是執(zhí)行了一條空的js代碼屿脐。

4.a href="#" onclick="js_method()"

這種方法也是網(wǎng)上很常見的代碼涕蚤,#是標(biāo)簽內(nèi)置的一個方法,代表top的作用的诵。所以用這種方法點擊后網(wǎng)頁后返回到頁面的最頂端万栅。

如果頁面有滾動條 點擊后網(wǎng)頁后返回到頁面的最頂端

5.a href="#" onclick="js_method();return false;"

這種方法點擊執(zhí)行了js函數(shù)后return false,頁面不發(fā)生跳轉(zhuǎn)西疤,執(zhí)行后還是在頁面的當(dāng)前位置烦粒。

我看了下taobao的主頁,他們采用的是第2種方法代赁,而alibaba的主頁是采用的第1種方法扰她,和我們的區(qū)別是每個href里的javascript方法都用try、catch包圍芭碍。

綜合上述徒役,在a中調(diào)用js函數(shù)最適當(dāng)?shù)姆椒ㄍ扑]使用:

a href="javascript:void(0);" onclick="js_method()"

a href="javascript:;" onclick="js_method()"

a href="#" onclick="js_method();return false;" 我們常用的在a標(biāo)簽中有點擊事件:

1. a href="javascript:js_method();"

這是我們平臺上常用的方法,但是這種方法在傳遞this等參數(shù)的時候很容易出問題窖壕,而且javascript:協(xié)議作為a的href屬性的時候不僅會導(dǎo)致不必要的觸發(fā)window.onbeforeunload事件忧勿,在IE里面更會使gif動畫圖片停止播放。W3C標(biāo)準(zhǔn)不推薦在href里面執(zhí)行javascript語句

2. a href="javascript:void(0);" onclick="js_method()"

這種方法是很多網(wǎng)站最常用的方法瞻讽,也是最周全的方法鸳吸,onclick方法負責(zé)執(zhí)行js函數(shù),而void是一個操作符速勇,void(0)返回undefined晌砾,地址不發(fā)生跳轉(zhuǎn)。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態(tài)欄烦磁。

上海領(lǐng)思教育科技有限公司是一家致力于高素質(zhì)軟件開發(fā)人才培養(yǎng)的公司养匈,一方面解決企業(yè)招不到優(yōu)秀人才 的困擾,同時為優(yōu)秀的大學(xué)畢業(yè)生提供改變命運的機遇个初。公司自成立以來乖寒,一直堅持采用“好老師+好學(xué)生+ 好學(xué)習(xí)氣氛”的培養(yǎng)模式,已經(jīng)培養(yǎng)了一批又一批的IT人才院溺。

上海領(lǐng)思期待您的加盟楣嘁。

地址:上海市浦東新區(qū)臨港新城水蕓路300號501室

電話:021-58010107

網(wǎng)址:http://www.lingsiedu.cn

簡歷投遞:hr@lingsiedu.cn

3.a href="javascript:;" onclick="js_method()"

這種方法跟跟2種類似,區(qū)別只是執(zhí)行了一條空的js代碼珍逸。

4.a href="#" onclick="js_method()"

這種方法也是網(wǎng)上很常見的代碼逐虚,#是標(biāo)簽內(nèi)置的一個方法,代表top的作用谆膳。所以用這種方法點擊后網(wǎng)頁后返回到頁面的最頂端叭爱。

5.a href="#" onclick="js_method();return false;"

這種方法點擊執(zhí)行了js函數(shù)后return false,頁面不發(fā)生跳轉(zhuǎn)漱病,執(zhí)行后還是在頁面的當(dāng)前位置买雾。

我看了下taobao的主頁把曼,他們采用的是第2種方法,而alibaba的主頁是采用的第1種方法漓穿,和我們的區(qū)別是每個href里的javascript方法都用try嗤军、catch包圍。

綜合上述晃危,在a中調(diào)用js函數(shù)最適當(dāng)?shù)姆椒ㄍ扑]使用:

a href="javascript:void(0);" onclick="js_method()"

a href="javascript:;" onclick="js_method()"

a href="#" onclick="js_method();return false;"

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叙赚,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子僚饭,更是在濱河造成了極大的恐慌震叮,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鳍鸵,死亡現(xiàn)場離奇詭異苇瓣,居然都是意外死亡,警方通過查閱死者的電腦和手機权纤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門钓简,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人汹想,你說我怎么就攤上這事外邓。” “怎么了古掏?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵损话,是天一觀的道長。 經(jīng)常有香客問我槽唾,道長丧枪,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任庞萍,我火速辦了婚禮拧烦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钝计。我一直安慰自己恋博,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布私恬。 她就那樣靜靜地躺著债沮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪本鸣。 梳的紋絲不亂的頭發(fā)上疫衩,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音荣德,去河邊找鬼闷煤。 笑死童芹,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的鲤拿。 我是一名探鬼主播辐脖,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼皆愉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起艇抠,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤幕庐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后家淤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體异剥,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年絮重,在試婚紗的時候發(fā)現(xiàn)自己被綠了冤寿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡青伤,死狀恐怖督怜,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情狠角,我是刑警寧澤号杠,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站丰歌,受9級特大地震影響姨蟋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜立帖,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一眼溶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧晓勇,春花似錦堂飞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至羡玛,卻和暖如春别智,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背稼稿。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工薄榛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留讳窟,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓敞恋,卻偏偏與公主長得像丽啡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子硬猫,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,612評論 2 350

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

  • 我們常用的在a標(biāo)簽中有點擊事件: a href="[JavaScript](http://lib.csdn.net...
    kangyiii閱讀 537評論 0 1
  • 我們常用的在a標(biāo)簽中有點擊事件:### 1.a href="[JavaScript](http://lib.csd...
    Jill1231閱讀 846評論 0 0
  • 我們經(jīng)常會在a標(biāo)簽中添加點擊事件: a href="javascript:js_method();"這是我們平臺上...
    我是Mr小趙先生閱讀 7,326評論 0 1
  • 有這么一位姑娘补箍,她覺得自己白活了20多年。 但是今夜啸蜜,她又找回了剛畢業(yè)時候的感覺坑雅。 那一年,她和上帝有個約定衬横,將自...
    蘇嵐閱讀 460評論 0 0
  • 心語心理咨詢機構(gòu)蜂林,是一家專注于青少年教育遥诉、改善親子關(guān)系的機構(gòu),個人能力被推崇至極的今天噪叙,我們同時關(guān)注孩子們心理素質(zhì)...
    心語的世界閱讀 482評論 0 50