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 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
JavaScript操作select元素和option的实例代码
Jan 29 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
轻松理解vue的双向数据绑定问题
Oct 30 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
如何使用Javascript中的this关键字
May 28 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通用检测函数集合
2011/02/08 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
hadoop中一些常用的命令介绍
2013/06/19 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
vue使用swiper.js重叠轮播组建样式
2019/11/14 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
2019/12/29 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
PyMongo安装使用笔记
2015/04/27 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
python+OpenCV实现图像拼接
2020/03/05 Python
大学社团活动策划书
2014/01/26 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
网站客服岗位职责
2014/04/05 职场文书
面试必备的求职信
2014/05/25 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
离婚协议书该怎么写
2014/10/04 职场文书
党员自我评价2015
2015/03/03 职场文书
市场部岗位职责范本
2015/04/15 职场文书
OpenCV-Python使用cv2实现傅里叶变换
2021/06/09 Python
JavaScript数组 几个常用方法总结
2021/11/11 Javascript