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

本文介绍下html中的A标签通过href与onclick传递this对象的方法,有需要的朋友,可以参考下。

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

这便是

<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" οnclick="shoControlSidebar(this)">

不同的地方。

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

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

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

<a href="javascript:void(0);" οnclick="test(this);">A标签测试</a>
想获取A 中的innerHTML,如果href="test(this);" 不但获取不到值,而且程序将退出,href引向不对。

function test(obj){
alert(obj);
//js
alert(obj.innerHTML);
//jquery
alert($(obj).html());
}
这种效果,实现的开发中用的不多吧,贴出来吧,给有缘遇上这类问题的朋友,呵呵!



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在JSP页面上实现左侧导航链接和右侧内容区域,可以使用以下步骤: 1. 创建一个JSP页面,包含左侧导航链接和右侧内容区域的框架结构,可以使用HTML和CSS来实现。 2. 在左侧导航链接区域,使用HTML的<a>标签来创建链接,每个链接都应该对应一个页面或者一个区域。 3. 在右侧内容区域,使用HTML和JSP标签来创建需要显示的内容。可以使用JSP的include指令来引入其他JSP页面的内容。 4. 在每个导航链接的<a>标签,使用JavaScript来实现点击事件,当导航链接被点击时,通过AJAX请求来获取对应的内容并更新右侧内容区域。 下面是一个简单的例子: index.jsp: ```html <!DOCTYPE html> <html> <head> <title>Navigation Example</title> <style> #nav { float: left; width: 200px; height: 100%; background-color: #EEE; } #content { margin-left: 200px; height: 100%; } </style> </head> <body> <div id="nav"> <ul> <li><a href="#" onclick="loadContent('page1.jsp')">Page 1</a></li> <li><a href="#" onclick="loadContent('page2.jsp')">Page 2</a></li> <li><a href="#" onclick="loadContent('page3.jsp')">Page 3</a></li> </ul> </div> <div id="content"> <jsp:include page="default.jsp" /> </div> <script> function loadContent(url) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("content").innerHTML = this.responseText; } }; xmlhttp.open("GET", url, true); xmlhttp.send(); } </script> </body> </html> ``` 在上面的例子,左侧导航链接区域使用了一个id为“nav”的div元素,右侧内容区域使用了一个id为“content”的div元素。导航链接使用了JavaScript的onclick事件来调用loadContent函数,并传递了对应的页面URL。 loadContent函数使用了AJAX来请求对应的页面内容,并将返回的内容更新到右侧内容区域的innerHTML属性。 在默认情况下,右侧内容区域显示了一个名为“default.jsp”的JSP页面。你可以根据需要修改这个页面的内容。 page1.jsp, page2.jsp, page3.jsp等页面可以根据需要创建,并包含需要显示的内容。在这些页面,可以使用JSP标签来包含其他JSP页面的内容,以便复用代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值