美文网首页
href="javascript:xxx(this);

href="javascript:xxx(this);

作者: spectatorNan | 来源:发表于2016-05-08 16:09 被阅读256次

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

相关文章

网友评论

      本文标题:href="javascript:xxx(this);

      本文链接:https://www.haomeiwen.com/subject/fjvsrttx.html