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 空位补零实现代码
Feb 26 Javascript
javascript中call apply 的应用场景
Apr 16 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
微信小程序入门之绘制时钟
Oct 22 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
JAVASCRIPT HashTable
2007/01/22 Javascript
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
node.js中 stream使用教程
2016/08/28 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
python实现三维拟合的方法
2018/12/29 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
采购员岗位职责
2013/11/15 职场文书
国培教师自我鉴定
2014/02/12 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
公司团队口号霸气押韵
2015/12/24 职场文书
《风筝》教学反思
2016/02/23 职场文书