我們常用的在a標(biāo)簽中有點擊事件:
這里的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;"