href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
2013-10-18 20:49
603 查看
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);" >
一直以为这两种写法是等同的,今天在项目中使用时发现前者的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);" >
相关文章推荐
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- <a>标签中 href 和 onclick 的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- href="javascript:_do(this);"和onclick="_do(this)"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的使用误区
- <a href="onclick="javascript:goSearch(this)" class="click" name="Java">Java</a>为什么a标签的父节点获取不到
- 关于A标签使用onclick事件的疑问,若是href="#",跳转无反应,以及href=#与href=javascript:void(0)的区别
- js 代替 <a href="javascript void(0)" onclick="openWin(3,this)"></a>
- href="javascript:func()" 跟href="#" onclick="javascript:func()"的区别
- a href="" 和 href="#" 以及 href="javascript:void(0)"时 以及其中的 onclick 的区别
- href="#"与href="javascript:void(0)"的区别
- html 空链接 href="#"与href="javascript:void(0)"的区别
- 在a标签的href与onclick中使用javascript的区别
- a href="javascript:void(0)" 和 a href="#"的区别?
- href="#"与href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别