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 相关文章推荐
JQuery Highcharts 动态生成图表的方法
Nov 15 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
JavaScript编码小技巧分享
Sep 17 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中如何在有限的内存中读取大文件
2013/07/02 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
Nodejs中的JWT和Session的使用
2018/08/21 NodeJs
webpack中的模式(mode)使用详解
2020/02/20 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
详解Python做一个名片管理系统
2019/03/14 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
介绍一下write命令
2014/08/10 面试题
会计专业导师推荐信
2014/03/08 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby
python实现学员管理系统(面向对象版)
2022/06/05 Python