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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
微信公众号服务器验证Token步骤图解
Dec 30 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
详解Js模块化的作用原理和方案
Apr 29 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
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
JQuery UI皮肤定制
2009/07/27 Javascript
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
js实现旋转木马效果
2017/03/17 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
微信小程序实现倒计时功能
2020/11/19 Javascript
[02:56]DOTA2矮人直升机 英雄基础教程
2013/11/26 DOTA
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
师范生自我鉴定范文
2013/10/05 职场文书
周年庆典答谢词
2015/01/20 职场文书
志愿者个人总结
2015/03/03 职场文书
教师继续教育反思周记
2015/06/25 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
python 实现定时任务的四种方式
2021/04/01 Python
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers