A标签中通过href和onclick传递的this对象实现思路
更新时间：2013年04月19日 17:31:05 作者：
想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar(this)"，可是结果发现这并不可行，接下来为大家详细介绍下解决方法
在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar(this)"，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。
这是<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" onclick="shoControlSidebar(this)">不同的地方。
当使用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="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" onclick="shoControlSidebar(this)">不同的地方。
当使用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());
}
相关文章
这篇文章主要为大家详细介绍了Javascript技术栈中的四种依赖注入，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家介绍了JS中节流和防抖函数的实现及使用区别示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
有时候需要根据输入的内容来进行计算,这个时候就需要判断输入的内容是否是数字,下面这篇文章主要给大家介绍了关于JavaScript判断是否为数字的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
本文将利用JS实现一个简单的网页版地图，这个简单的网页版地图能根据城市名进行位置查询。文中的示例代码讲解详细，感兴趣的可以了解一下2022-05-05
本片文章主要介绍String 对象的属性方法等并进行举例说明,小编认为对大家学习JavaScript是有所帮助的，需要朋友的可以看下2016-11-11
这篇文章主要介绍了基于JavaScript实现十五拼图代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-04-04
这篇文章主要为大家详细介绍了javascript实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
在IE下 JavaScript 中可以在任何地方使用全局的window.event来取得本次JavaScript被触发的Event，从而取得 KeyCode，EventSourceElement 等对象。2009-06-06
一个级联菜单代码学习及removeClass与addClass的应用
最近在学些web前段的知识，看见博客园首页左侧的一个级联菜单,很是好奇，于是想自己实现以下，代码书写很简洁而且易懂，感兴趣的朋友可以了解下，希望本文对你学习级联菜单有所帮助2013-01-01
javascript 中设置window.location.href跳转无效问题解决办法
这篇文章主要介绍了javascript 中设置window.location.href跳转无效问题解决办法的相关资料,需要的朋友可以参考下2017-02-02
最新评论