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解析Json格式数据过程代码
Oct 17 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
js实现超酷的照片墙展示效果图附源码下载
Oct 08 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
100行代码实现一个vue分页组功能
Nov 06 Javascript
详解js 创建对象的几种方法
Mar 08 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
组合算法的PHP解答方法
2012/02/04 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
node.js中的fs.rmdirSync方法使用说明
2014/12/16 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
require.js的用法详解
2015/10/20 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
django跳转页面传参的实现
2020/09/17 Python
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
教师年度考核自我鉴定
2014/01/19 职场文书
《落花生》教学反思
2014/02/25 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
工作简历自我评价
2015/03/11 职场文书
药品销售员2015年终工作总结
2015/10/22 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang
配置nginx负载均衡
2022/05/06 Servers