`
Jonefy
  • 浏览: 11335 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

在a标签的href与onclick中使用javascript的区别

阅读更多
以前一直很随意,后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,
今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面:
链接的
onclick
事件被先执行,其次是
href
属性下的动作(页面跳转,或 javascript 伪链接);
假设链接中同时存在
href

onclick
,如果想让
href
属性下的动作不执行,
onclick
必须得到一个
false
的返回值。不信,你可以将
goGoogle
函数中的
return false
注释掉;
如果页面过长有滚动条,且希望通过链接的
onclick
事件执行操作。应将它的
href
属性设为
javascript:void(0);
,而不要是
#
,这可以防止不必要的页面跳动;
如果在链接的
href
属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;
在按住Shift键的情况下会有所区别。
今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。
尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
就这些,花了不少时间在这上面。
[缘由]
用CheckBoxList控件时想实现在每个checkbox后再加链接的功能,点链接实现一些功能之外,还要把checkbox选中。
<input type="checkbox" name="chk" id="chk">
<label for="chk">选中它<a onclick="this.parentNode.click();" href="#" style="border:solid 1px blue;">[label中的链接]</a></label>
最后用parentNode来实现的。
分享到:
评论

相关推荐

    a标签的href与onclick事件的区别详解

    onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在&lt;a&gt;的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论...

    A标签中通过href和onclick传递的this对象实现思路

    在blog的后台管理中允许为一个分类添加一个地址,但是不好添加onclick事件。想传递当前对象给一个函数,于是就将这个URL写成”[removed]shoControlSidebar(this)”,可是结果发现这并不可行,传递过去的参数是一个...

    a标签href属性和onclick事件的比较介绍

    首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick ...

    详解a标签添加onclick事件的几种方式

    我们常用的在a标签中有点击事件: 1. a href=”[removed]js_method();” rel=”external nofollow” 这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发...

    详解Html a标签中href和onclick用法、区别、优先级别

    如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。 代码如下  &lt;a&gt; &lt;a&gt; 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值。 所以,...

    标签中的href如何调用js代码.pdf

    html中,在标签中设的href调用js代码,共有以下几种方式 &lt;a href ="javascript:void(0);" onclick ="js_method()"&gt; &lt;a href = "javascript:;" onclick ="js_method()"&gt; &lt;a href = "#" onclick ="js_method();...

    在JS中a标签加入单击事件屏蔽href跳转页面

    我们常用的在a标签中有点击事件: 1. a href=[removed]js_method(); 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发...

    javascript函数的解释

    11.JS中的字符与字符相连接使用+号. 12.JS中的比较操作符有:==等于,!=不等于,&gt;,&gt;=, 13.JS中声明变量使用:var来进行声明 14.JS中的判断语句结构:if(condition){}else{} 15.JS中的循环结构:for([initial expression];...

    自适应宽度的标签导航

    href="javascript:void(0)"&gt;标签一&lt;/A&gt; &lt;LI class=selectTag&gt;&lt;A onClick="selectTag('tagContent1',this)" href="javascript:void(0)"&gt;标签二&lt;/A&gt; &lt;LI&gt;&lt;A onClick="selectTag('tagContent2',this)" href=...

    IE6中链接A的href为javascript协议时不在当前页面跳转

    切页面时有时用链接A来替代按钮,这样做有几个好处 鼠标放上时默认有手状效果(不用添加cursor:pointer) 可以添加低版本IE都支持的伪类 如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下 代码如下: &lt;p&gt;...

    a 中调用js的几种方法整理及使用推荐

    我们常用的在a标签中有点击事件: 1. a href="[removed]js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的...

    ASP.Net电子商务网站后台模板

    &lt;li id="now1a"&gt;&lt;a title="标签管理" href="#" target="content3"&gt;标签管理&lt;/span&gt;&lt;/a&gt; &lt;li id="now1b"&gt;&lt;a title="模板管理" onclick="show_title('生成文件管理')" href="#" target="content3"&gt; 模板管理&lt;/span&gt;...

    [removed].href IE下跳转失效的解决方法

    代码如下: &lt;a&gt;GoNext&lt;/a&gt; $(“a”).click(function(){ [removed].href = “xxx.html”;...在onclick事件中加return false来阻止冒泡: 代码如下: $(“a”).click(function(){ [removed].href = “xxx.html”;

    简单易用的自定义标签分页显示

    //在page中只有3个属性是已知的,1,一共多少记录,2,一页显示多少记录,3,以及返回的结果集 //1.重新给page分布内容 setPage(page); //2.输出html out.print(getHtml(page)); //3.输出js out.print(getJs...

    GreyFrame v0.4

    你无需写弹出的脚本代码(如: onclick事件), 只要你在超链接标签&lt;a&gt;中的target属性设置为框架名称就可以了. 例如: 脚本中创建一个遮罩弹出框架: &lt;script type="text/javascript"&gt; myGreyFrame = new GreyFrame(...

    javascript动态添加删除tabs标签的方法

    本文实例讲述了javascript动态添加删除tabs标签的方法。分享给大家供大家参考。具体实现方法如下: &lt;html&gt; &lt;HEAD&gt; &lt;TITLE&gt;网页对话&lt;/TITLE&gt; &lt;LINK href="style.css" type=text/css rel=...

    JS基础学习教程

    &lt;a href="#" onclick="alert('Hello world')"&gt;Link&lt;/a&gt;不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像...

    js使用小技巧

    &lt;a href="javascript:function()"&gt;word&lt;/a&gt; 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键 document.oncontextmenu = ...

    你若触发,我就处理——浅谈JavaScript的事件响应

    每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么...不过那些经常写&lt;ahref&gt;和在标签上写onclick=”foo()”的猴子们请自动回避,小心你看不懂又想不开,老衲徒增罪孽呀(偶八年前就解

Global site tag (gtag.js) - Google Analytics