a 标签传参this

2019独角兽企业重金招聘Python工程师标准>>>

        今天开发的时候遇到一个问题，本来想用a标签的href属性运行JS方法传参的，结果并不行，查了一下，原因是href是作为链接访问的，所以想到了onclick属性，是创建了一个匿名函数来达到运行JS方法，这样就可以传参了，这次要传的参数是this。

        在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar(this)"，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。

        这是<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" οnclick="shoControlSidebar(this)">不同的地方。 

当使用οnclick="shoControlSidebar(this)"的时候，解释器会给他包装一个匿名函数，变成了： 

a.onclick = function anonymous() 
{ 
  shoControlSidebar(this); 
}

这个this指的就是a这个对象，而使用href的方式时，由于是一个地址，这个this就无处可指了。

<a href="javascript:void(0);" onclick="test(this);">A标签测试</a>

想获取A 中的innerHTML，如果href="test(this);" 不但获取不到值，而且程序将退出，href引向不对。

function test(obj){ 
  alert(obj); 
  //js 
  alert(obj.innerHTML); 
  //jquery 
  alert($(obj).html()); 
}

 

转载于:https://my.oschina.net/NamiZone/blog/1582033