失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > A标签中通过href和onclick传递的this对象实现思路

A标签中通过href和onclick传递的this对象实现思路

时间:2020-05-08 07:57:30

相关推荐

A标签中通过href和onclick传递的this对象实现思路

想传递当前对象给一个函数,于是就将这个URL写成”JavaScript:shoControlSidebar(this)”,可是结果发现这并不可行,接下来为大家详细介绍下解决方法

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

这是和不同的地方。

当使用ο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());}

如果觉得《A标签中通过href和onclick传递的this对象实现思路》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。