javascript:void(0)与onclick

在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:alert(this.nodeName);">怎么这个this返回的不对呀?</a>

修改后这样:
<a href="javascript:void(0);" οnclick="alert(this.nodeName);">这下这个this对了?</a>

其实onclick 后面的语句被解释为function，所以this代表调用该函数的对象，可以用下面代码来验证
<a href="javascript:void(0);" οnclick="alert(typeof this.onclick);">onclick是函数</a>

总结:既然 onclick定义的是一个函数，并且是调用元素的一个方法，this就代表该元素。
如果是写在 href="javascript:" 里的代码，他的作用域是全局的，所以写this，它不知道到底是那个元素