手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >A标签中通过href和onclick传递的this对象实现思路
A标签中通过href和onclick传递的this对象实现思路
摘要:在blog的后台管理中允许为一个分类添加一个地址,但是不好添加onclick事件。想传递当前对象给一个函数,于是就将这个URL写成"Java...

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

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

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

复制代码 代码如下:

a.onclick = function anonymous()

{

shoControlSidebar(this);

}

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

复制代码 代码如下:

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

复制代码 代码如下:

想获取A 中的innerHTML

如果href="test(this);" 不但获取不到值,而且程序将退出,href引向不对。

复制代码 代码如下:

function test(obj){

alert(obj);

//js

alert(obj.innerHTML);

//jquery

alert($(obj).html());

}

【A标签中通过href和onclick传递的this对象实现思路】相关文章:

JavaScript 正则表达式中global模式的特性

javascript实现可全选、反选及删除表格的方法

JavaScript函数使用的基本教程

javascript实现表格增删改操作实例详解

js兼容火狐获取图片宽和高的方法

JQuery中DOM实现事件移除的方法

jQuery实现页面内锚点平滑跳转特效的方法总结

html代码调试脚本

JavaScript对传统文档对象模型的支持

AngularJS 最常用的功能汇总

精品推荐
分类导航