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 使用手册(二)
Sep 23 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
javascript字符串函数汇总
Dec 06 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
JavaScript 中的 this 简单规则
Sep 19 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
Sep 30 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
使用JavaScript解析URL的方法示例
Mar 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生成EXCEL的东东
2006/10/09 PHP
PHP如何得到当前页和上一页的地址?
2006/11/27 PHP
Yii查询生成器(Query Builder)用法实例教程
2014/09/04 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
一些常用的JS功能函数代码
2009/06/23 Javascript
js的一些常用方法小结
2011/06/29 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
2014/06/03 Javascript
AngularJS语法详解
2015/01/23 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
总结python中pass的作用
2019/02/27 Python
pandas 使用均值填充缺失值列的小技巧分享
2019/07/04 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
大学校庆策划书
2014/01/31 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
JavaScript实现优先级队列
2021/12/06 Javascript