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


Posted in Javascript onApril 19, 2013

在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()); 
}
Javascript 相关文章推荐
js表格分页实现代码
Sep 18 Javascript
js sort 二维数组排序的用法小结
Jan 24 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
javascript几个易错点记录
Nov 26 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
浅谈JavaScript 覆盖原型以及更改原型
Aug 31 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
Vue异步加载about组件
Oct 31 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
JS桶排序的简单理解与实现方法示例
Nov 25 Javascript
javascript中onclick(this)用法介绍
Apr 19 #Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 #Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 #Javascript
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 #Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 #Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 #Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 #Javascript
You might like
详细介绍PHP应用提速面面观
2006/10/09 PHP
PHP防止注入攻击实例分析
2014/11/03 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
浅析PHP7 的垃圾回收机制
2019/09/06 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
AngularJS实现表单验证功能
2017/01/09 Javascript
javaScript 逻辑运算符使用技巧整理
2017/05/03 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
如何基于python实现不邻接植花
2020/05/01 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
2014年党员公开承诺书范文
2014/03/28 职场文书
目标责任书范文
2014/04/14 职场文书
青年文明号口号
2014/06/17 职场文书
医药公司采购员岗位职责
2014/09/12 职场文书
公司租房协议书
2014/10/14 职场文书
体育教师教学随笔
2015/08/15 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记