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());
}

相关文章

  • 使用html+js+css 实现页面轮播图效果(实例讲解)

    使用html+js+css 实现页面轮播图效果(实例讲解)

    下面小编就为大家带来一篇使用html+js+css 实现页面轮播图效果(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • viewer.js实现图片预览功能

    viewer.js实现图片预览功能

    这篇文章主要为大家详细介绍了viewer.js实现图片预览功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • javascript动态创建表格及添加数据实例详解

    javascript动态创建表格及添加数据实例详解

    这篇文章主要介绍了javascript动态创建表格及添加数据,以实例形式分析了javascript动态创建表格的常用方法,包括不兼容IE6与兼容IE6的实现方法,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • JS数组方法reduce的用法实例分析

    JS数组方法reduce的用法实例分析

    这篇文章主要介绍了JS数组方法reduce的用法,结合实例形式详细分析了JS数组方法reduce的基本功能、使用方法及相关操作注意事项,需要的朋友可以参考下
    2020-03-03
  • 5款JavaScript代码压缩工具推荐

    5款JavaScript代码压缩工具推荐

    这篇文章主要介绍了5款JavaScript代码压缩工具推荐,代码压缩(也称代码最小化)是一个从源代码中消除所有不必要的字符的过程,需要的朋友可以参考下
    2014-07-07
  • JS基于myFocus库实现各种功能的tab选项卡切换效果

    JS基于myFocus库实现各种功能的tab选项卡切换效果

    这篇文章主要介绍了JS基于myFocus库实现各种功能的tab选项卡切换效果,实例演示了JS实现tab嵌套显示及常用过度效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 总结在前端排序中遇到的问题

    总结在前端排序中遇到的问题

    这篇文章给大家罗列了在前段排序中会遇到的问题并写了解决方案,非常详细,有需要的朋友可以参考。
    2016-07-07
  • ECMAScript6中Map映射的基本概念与常用方法

    ECMAScript6中Map映射的基本概念与常用方法

    Map是ES6中新增的数据结构,Map类似于对象,但普通对象的 key 必须是字符串或者数字,而 Map 的 key 可以是任何数据类型,这篇文章主要给大家介绍了关于ECMAScript6中Map映射的基本概念与常用方法,需要的朋友可以参考下
    2021-07-07
  • JavaScript组件焦点与页内锚点间传值的方法

    JavaScript组件焦点与页内锚点间传值的方法

    这篇文章主要介绍了JavaScript组件焦点与页内锚点间传值的方法,涉及输入框与锚点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • js判断复选框是否选中及选中个数的实现代码

    js判断复选框是否选中及选中个数的实现代码

    下面小编就为大家带来一篇js判断复选框是否选中及选中个数的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论