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的Alert消息框插件使用介绍
Oct 09 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
JavaScript中的6种运算符总结
Oct 16 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
js实现自定义右键菜单
May 18 Javascript
纯JS实现五子棋游戏
May 28 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计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
2016/02/15 PHP
php xhprof使用实例详解
2019/04/15 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
jQuery 1.0.2
2006/10/11 Javascript
看了就知道什么是JSON
2007/12/09 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
jquery Mobile入门—多页面切换示例学习
2013/01/08 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python实现基本线性数据结构
2016/08/22 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
python绘图模块之利用turtle画图
2021/02/12 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
2014政务公开实施方案
2014/02/19 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
2016春季幼儿园开学寄语
2015/12/03 职场文书
Python基础之数据类型知识汇总
2021/05/18 Python