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 相关控件的事件操作分解
Aug 03 Javascript
JS前端框架关于重构的失败经验分享
Mar 17 Javascript
jquery选择器之基本过滤选择器详解
Jan 27 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
vue如何从接口请求数据
Jun 22 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
May 15 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 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
克隆一个新项目的快捷方式
2013/04/10 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
Vue自定义过滤器格式化数字三位加一逗号实现代码
2018/03/23 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
Python中扩展包的安装方法详解
2017/06/14 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
食堂个人先进事迹
2014/01/22 职场文书
工厂总经理岗位职责
2014/02/07 职场文书
致标枪运动员加油稿
2014/02/15 职场文书
开业庆典策划方案
2014/02/18 职场文书
安全演讲稿大全
2014/05/09 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
文案策划岗位职责
2015/02/11 职场文书
火烧圆明园的观后感
2015/06/03 职场文书