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 相关文章推荐
使用JS操作页面表格,元素的一些技巧
Feb 02 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
Jul 19 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
layui实现三级导航菜单
Jul 26 Javascript
JS PHP字符串截取函数实现原理解析
Aug 29 Javascript
webpack4从0搭建组件库的实现
Nov 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
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php实现的日历程序
2015/06/18 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
js格式化时间的方法
2015/12/18 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
jQuery实现按比例缩放图片的方法
2017/04/29 jQuery
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
python实现简单遗传算法
2018/03/19 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
详解python对象之间的交互
2020/09/29 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
软件测试企业面试试卷
2016/07/13 面试题
综合素质的自我鉴定
2013/10/07 职场文书
仓库主管的岗位职责
2013/12/04 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
信仰心得体会
2014/09/05 职场文书