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);" >