href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的區別

href="JavaScript:xxx(this);"和onclick="javascript:xxx(this);"
一直以為這兩種寫法是等同的,今天在項目中使用時發現前者的this根本拿不到觸發事件的A標簽,而后者可以拿到
一般在做分頁按鈕時會用A標簽來做,但是一般都會寫<a href="#" onclick="turnPage(1,10)">之類的
href="#"會導致分頁在跳轉時頁面先跳到當前頁面頂部用戶體驗不好,所以一般推薦寫成
<a href="javascript:void(0);" onclick="turnPage(1,10,this)">
甚至如果跳轉的方法不需要拿到當前的A標簽this的話,也可以直接寫成
<a href="javascript:turnPage(1,10);" >

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 轉載請聲明出處 博客原文 隨手翻閱以前的學習筆記,順便整理一下放在這里,方便自己復習,也希望你有也有幫助吧 第一課...
    前端進階之旅閱讀 12,749評論 13 94
  • 這幾天也是難得了,以前很少寫那么多的話,和我本身不喜歡麻煩,或者說比較懶有關,而且部隊的經歷也讓我該雷厲風行的時候...
    堅志閱讀 144評論 0 0
  • 這兩天完全沉溺在加勒比海盜當中,忽略了練字和陶笛。 買了泡菜壇子,已經在著手做泡菜了。 在能力范圍內讓自己活得舒坦...
    Totoro大臉貓閱讀 77評論 0 0