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 相关文章推荐
JavaScript 脚本将当地时间转换成其它时区
Mar 19 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
JS中操作JSON总结
Dec 06 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
总结Javascript中的隐式类型转换
Aug 24 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
详解TypeScript的基础类型
Feb 18 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 事务处理数据实现代码
2010/05/13 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
IE下JS读取xml文件示例代码
2013/08/05 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
Vue监听数据对象变化源码
2017/03/09 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
Python重新加载模块的实现方法
2018/10/16 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
Python中的面向接口编程示例详解
2021/01/17 Python
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
比驿:全球酒店比价网
2018/06/20 全球购物
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
sort命令的作用和用法
2013/08/25 面试题
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
2014年自我评价
2014/01/04 职场文书
报告会主持词
2014/04/02 职场文书
数控专业毕业生求职信
2014/06/12 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
机动车交通事故协议书
2015/01/29 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
秋季运动会加油词
2015/07/18 职场文书
百年校庆感言
2015/08/01 职场文书
2019年大学毕业生个人自我鉴定范文大全
2019/03/21 职场文书