首页 > 分享 > A标签中href和onclick传递this对象的实现方法

A标签中href和onclick传递this对象的实现方法

最新推荐文章于 2021-01-17 05:56:06 发布

.NET跨平台 于 2020-05-12 15:30:53 发布

在blog的后台管理中允许为一个分类添加一个地址,但是不好添加onclick事件。想传递当前对象给一个函数,于是将这个URL写成"javascript:shoControlSidebar(this)",实现不了,传递过去的参数是一个对象,但是却得不到任何其他信息。

想得到innerText,而这个this并非指向它所在的A标签。

这便是

<a href="Javascript:shoControlSidebar(this)"> 1

<a href="javascript:void(0)" onclick="shoControlSidebar(this)"> 1

不同的地方。

当使用onclick="shoControlSidebar(this)"的时候,解释器会给他包装一个匿名函数,变成了:

a.onclick = function anonymous() { shoControlSidebar(this); } 1234

这个this指的就是a这个对象,而使用href的方式时,由于是一个地址,这个this就无处可指了。

<a href="javascript:void(0);" onclick="test(this);">A标签测试</a> 1

想获取A中的innerHTML,如果href="test(this);" 不但获取不到值,而且程序将退出,href引向不对。

function test(obj){ alert(obj); //js alert(obj.innerHTML); //jquery alert($(obj).html()); } 1234567'

相关知识

JavaScript DOM编程艺术
a href=#1首版a a href=#1尾版a a href=#1A11版a
href=“JavaScript:;”是啥意思?
使用html 标签连接action的方法
js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中
芳香鲜花网页模板:花卉行业的完美在线展示方案
使用美汤从HTML中提取特定的标题
类和对象(上)
基于PHP语言的网上花店管理系统(实现增删改查登录注册)
JavaScript+DOM编程艺术总结

网址: A标签中href和onclick传递this对象的实现方法 https://m.huajiangbk.com/newsview702346.html

所属分类:花卉
上一篇: 培训中心 武汉卓兰花卉园艺有限公
下一篇: ggplot2包画图总结