教程集 > jQuery > jquery 教程 > 正文 A标签中href和onclick传递this对象的实现方法

A标签中href和onclick传递this对象的实现方法

发布时间：2015-10-16 编辑：jiaochengji.com

本文介绍下html中的A标签通过href与onclick传递this对象的方法，有需要的朋友，可以参考下。

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

这便是

不同的地方。

当使用onclick="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对象的实现方法
 通过URL参数post传递的实现方式 PHP/Javascript
Javascript中String类的属性与方法介绍
 jQuery学习总结之元素的相对定位和选择器(持续更新)
php快递查询API类(支持各种快递的查询)
jQuery实现点击文本框弹出热门标签的提示效果
 基于jQuery实现的标签页
 jQuery的实现原理的模拟代码 -1 核心部分
 js弹出层之1：JQuery.Boxy (二)
html5 header标签是什么意思？html5 header标签的用法详解（附实例）

上一篇：jquery修改a标签中href超链接的实现代码下一篇：Jquery操作html标签及动态添加验证的例子

[关闭]

A标签中href和onclick传递this对象的实现方法

最近更新

浏览排行