关于a标签的 href 与 onlick

    <ul class="nav nav-pills nav-stacked">
                   <li role="presentation"  class="active"><a href="javascript:void(0);" onclick="aClicked(this)">申请一个会议</a></li>
                   <li role="presentation"   ><a href="javascript:void(0);" onclick="aClicked(this)">查看历史</a></li>
                  <li role="presentation"   ><a href="javascript:void(0);" onclick="aClicked(this)">正在进行的会议</a></li>
            </ul>

如上有这么一个结构

function aClicked(elem){
var that =elem;
var parent = $(elem).parent();

$(parent).parent().find("li").each(function(){
     alert(that==$(this);
     alert($(that)==$(this);
});

}

这样情况下会是6个false

最后把javascript代码改成了这样...完成任务(就是点哪个,哪个的class= active,其他的取消)

function aClicked(elem){

          $("ul li.active").removeClass("active");
          $(elem).parent().addClass("active");     

}

有这样代码

function aClicked(elem){
alert($(elem));
}

另外,这样写的话aClicked里面是可以获取正确的a标签的

 <li role="presentation"   ><a href="javascript:aClicked(this);">正在进行的会议</a></li>这么写就不可以
时间: 2024-10-11 17:03:43

关于a标签的 href 与 onlick的相关文章

Html A标签中 href 和 onclick用法、区别、优先级别

原文:Html A标签中 href 和 onclick用法.区别.优先级别 如果不设置 href属性在IE6下面会不响应hover.双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题).  代码如下 复制代码 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值. 所以,比较推荐的写法是  代码如下 复制代

css27】base标签带有href属性会让chrome里的svg元素url失效

一个chrome的问题,但具体原因不明. 触发条件:chrome浏览器base标签里href属性有值的时候 触发问题:svg里面的元素如果有用url的滤镜和模糊,则会失效,在firefox里和IE10没有发现这个问题. 正常状态: 有base标签且href里值为“.”的时候chrome里的状态:  测试代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>

a标签的href=&quot;javascript:void(0)&quot;和href=&quot;#&quot;的区别

好文要推:a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href="javascript:void(0);"? a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点). href="#&qu

a标签的href与onclick

首先,先总结下<a> 标签的 href 属性的值: 1.用于指定超链接目标的 URL. 比如href="index.html",即点击a标签跳转到index页面. 也可以是php文件的URL,比如<a href="user.php">,user.php可以是服务器文件,也可以是包含包含: 2.<a href="#">跳转到页面顶部,不刷新页面.当合onclick配合使用时,用法如下: <a href=&q

&lt;a&gt;标签中href=&quot;javascript:;&quot;的意思

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. 这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数. 而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好. 例如: 当一个未注册的用户点击评论的按

a标签的href和onclick

1.链接的onclick事件被先执行,href的事件后执行 2.就今天遇到的问题说一下,通过a标签的onclick事件实现点击后定位到指定的div,或者是执行其他函数(比如弹出artdialog等),页面如果有滚动条,那么页面的滚动条都会首先置顶,这样会引起不必要的页面跳动. 所以,推荐的使用方法是<a href="javascript:void(0);" onclick="myFun();">测试</a>或者<a href="

a标签的href与onclick中使用js的区别 《转》

href与onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,

给&lt;a&gt;标签增加href属性 ~~~ 转转

给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它 这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本上我们就用不上这个标签的默认行为,也连接不到的实际页面,一般而言也会在CSS里给予了这个元素的cursor等样式.这时候还要加上href属性,是为了:

使用JS获取HTML文档中的&lt;a&gt;标签的href值。

因为经常用到某个网站中的二维码信息,每次都需要手动打开网站,滑到对应的地方,点击一个链接才能打开图片,因此想着用一个脚本去获取这个信息.正好js可以很方便的操作HTML的DOM,所以写了一个简单的函数来试试手. 打开网页,打开浏览器的调试工具,获取对应的页面信息,发现其所在的节点后可以使用如下函数来获取href的值. js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].ge