href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
2016-04-19 14:02
381 查看
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);" >
相关文章推荐
- [LeetCode][JavaScript]Power of Four
- 对于highchart中缺少某一x轴节点数据,从而导致数据前移的问题解决方案
- xml 与 json介绍
- javaScript数据类型解析
- JS计算时间差值
- 匿名函数的认识
- ResultSet转换List集合、附带转换json
- 通过OnResultExecuted设置返回内容为JSONP
- Extjs 在组件件中存储变量
- js 函数定义三种方式
- 利用原生JavaScript获取样式的方式小结
- JS Date parse
- Javascript 面向对象编程:(1)封装;(2)构造函数的继承;(3)非构造函数的继承
- JavaScript prototype
- JSP学习
- 原生JS实现的简单“瀑布流”布局
- JavaScript之爱的初见
- Ajax与Comet
- 读书笔记――javascript闭包
- 20160419—JS备忘:服务器回发刷新页面提示重试的解决方案。