文档章节

超链接a标签的href与onclick中使用javascript的区别

文文1
 文文1
发布于 2015/04/01 16:27
字数 399
阅读 50
收藏 0

1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接); 
2.假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉; 
3.如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;
4.如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替; 
5.在按住Shift键的情况下会有所区别。 
6.今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。 
7.尽量不要用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="javascript:void(0)" onclick="defineField(this);return false">ClickToDefine</a>


© 著作权归作者所有

共有 人打赏支持
文文1
粉丝 21
博文 373
码字总数 119521
作品 0
长沙
程序员
私信 提问
在js脚本里设置target属性值(jsp页面中的标签是以字符串形式存在的)

我在页面上建了一个frameset, 业面上半部分显示记录,我需要给每条记录加上一个超链接,点击后在下半部分显示详细信息。由于公司的一些原因,标签是以字符串形式存在的,onclick 函数将vo....

liu奇峰
2012/08/01
4.6K
1
标签中的href和onclick的区别

这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()...

君子之耀
2013/12/09
0
0
IE6下用response下载文件时文件输出流报错

在做一个从数据库中查询数据后生成文件并弹出下载框l的操作,在IE8下正常,但是在Ie6下面点击导出就报错,错误信息如下: 2013-12-26 08:45:20 org.apache.catalina.core.StandardWrapperVa...

狼行-狼行
2013/12/26
0
0
a标签的onclick和href同时存在的写法

经常用到a标签,但是对于标准的写法很多时候会忽略掉,今天就简单的普及一下标准写法 这个就是标准写法,点击a标签,调用的是subgo() 以上两者的区别在于: 1、#代表的是网页的上端; 2、jav...

张春艳
2017/11/06
0
0
JAVASCRIPT_a href=#与 a href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javas......

喵王不瞌睡
2014/04/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

深入理解Java PriorityQueue

ava中PriorityQueue通过二叉小顶堆实现,可以用一棵完全二叉树表示。本文从Queue接口函数出发,结合生动的图解,深入浅出地分析PriorityQueue每个操作的具体过程和时间复杂度,将让读者建立对...

java菜分享
16分钟前
2
0
玩手机与做实验

看过这样一个故事:说的是在二十世纪二十年代初的一个深夜,担任英国剑桥大学卡文迪许实验室主任的卢瑟福来实验室检查,发现一位学生还在做实验。卢瑟福就问他:“你上午做什么了?”学生回答...

Bob2100
26分钟前
1
0
Kafka流式处理

Kafka Streams 初识流式处理 什么是数据流 数据流(也叫事件流)是无边界数据集的抽象表示。无边界意味着无限和持续增长。无边界数据集之所以是无限的,是因为随着时间的推移,新记录会不断加...

东都大狼狗
35分钟前
3
0
Mysql主从复制(拓展博客文章扩充知识面)

#不停库不锁表在线主从配置 使用 Xtrabackup 在线对MySQL做主从复制 1.数据量大的话还是建议使用工具例如xtrabackup,mysqldump比较适合操作10G以下的数据备份复制。 2.做业务之前考虑清楚具...

robertt15
40分钟前
1
0
docker快速搭建几个常用的第三方服务

本次和大家分享的内容是使用docker快速搭建工作中常用的第三方的服务,对于有一些互联网背景的公司来说,以下几个服务都是很需要的:redis,rabbit,elasticsearch; 如果想学习Java工程化、...

编程SHA
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部