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调用迅雷下载代码的二种方法
Apr 15 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
Oct 29 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
Uploadify上传文件方法
Mar 16 Javascript
基于JavaScript实现图片剪切效果
Mar 07 Javascript
Angular.JS中的this指向详解
May 17 Javascript
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
React 项目迁移 Webpack Babel7的实现
Sep 12 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
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程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
dreamweaver 安装Jquery智能提示
2011/04/02 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
Python正则表达式教程之二:捕获篇
2017/03/02 Python
Python可变参数用法实例分析
2017/04/02 Python
python自动化之Ansible的安装教程
2019/06/13 Python
tensorflow 变长序列存储实例
2020/01/20 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
后勤主管工作职责
2013/12/07 职场文书
委托公证书范本
2014/04/03 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
生产现场禁烟通知
2015/04/23 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
边城读书笔记
2015/06/29 职场文书
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
django中websocket的具体使用
2022/01/22 Python
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers