文档章节

【转】IE6下<a href="#">与<a href="javascript:void(0);">的区别

hefeiuu
 hefeiuu
发布于 2017/05/04 20:29
字数 604
阅读 2
收藏 0
点赞 0
评论 0

之前在项目,用到超链接,在ie下没有问题,但是到了ie6,居然发现点击事件不起作用, 真不可思议,以前都没注意到,后来网上搜了下,问题就出在这个void(0)上!现把网上的资料整理了下。 

Html代码   收藏代码
  1. <a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>  


让我们先来看看JavaScript中void(0)的含义: 
JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 

void 操作符用法格式如下:

Html代码   收藏代码
  1. javascript:void (expression)  
  2. javascript:void expression  


expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。

Html代码   收藏代码
  1. <a href=”javascript:void(0)”>单击此处什么也不会发生</a>  


也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。

Html代码   收藏代码
  1. <a href=”javascript:void(document.form.submit())”>  


其实我们可以用上面的代码,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:D 所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。 


Html代码   收藏代码
  1. <script type="text/javascript">     
  2.     function goUrl(x){     
  3.         window.location.href=x;     
  4.     }     
  5. </script>     
  6.   
  7. <a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a>  
  8.      
  9. <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳转2</a>  
  10.      
  11. <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>     
  12.   
  13. <a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳转4</a>     
  14.   
  15. <a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳转5</a>    


测试环境IE6,IE7,Firefox 3。 

跳转1和2在IE6环境下无效,3、4、5在IE6,IE7,Firefox3.01下测试均能 通过,。 

跳转4和5最简洁。 

关键在于<a>的href属性,空链接用"#","###"。 

为了不返回网页顶端。 

空链接推荐用"###"。

 

本文转载自:http://ufopw.iteye.com/blog/1063456

共有 人打赏支持
hefeiuu
粉丝 3
博文 64
码字总数 0
作品 0
合肥
a href=javascript:void(0)在ie6下可能会有问题

在购物页面的“立即购买”按钮是用a标签来做的,设置了href="javascript:void(0);",同时在a上面添加了onclick事件,目的是在点击之后处理Cookies并跳转到订单页面。反复测试发现 ie6下没有跳...

gaopeng8
2014/03/24
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
老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click失效

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click事件,如果有form表单提交或跳转等事件,会失效!举例: <a id="id_back" href="javascript:void(0);" title="返回管理">返...

二分之一
2015/06/29
0
0
IE6下window.location.href 不能正常跳转

由于最近Chrome用的比较多,一般都是在用Chrome做测试,没遇到什么问题 最近项目上线,用IE6小小测试了下,问题来了。先看代码: <a href="javascript:void(0);" onclick="hrefSearchUser('$...

walala_Lee
2014/04/26
0
0
的一个小技巧

使用javascript的时候,通常我们会通过类似: <a href="#" onclick="javascript:方法">提交</a> 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳...

wangwenya
2014/05/25
0
0
标签中的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
href = "#" 和href = “javascript:void(0)”区别分析

href=“#”默认的一个跳转动作,跳转之后还在本页面,但是位置会被定位到页面顶部。 要想保持现在的位置不变,最好的集中办法: href = “javascript:void(0)” <a href="javascript:void(0...

崔小涣
2014/01/27
0
0
IE6的又一条罪 javascript:void(0)

IE6下使用<a href='javascript:void(0);' onclick='open_thickbox()' />弹出新窗口</a> 时, 如果openthickbox是弹出一个新的窗口,则是无法弹出的,但openthickbox()中的函数是有执行的 所有......

黄平俊
2010/04/01
0
3
a标签的onclick和href同时存在的写法

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

张春艳
2017/11/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Docker Mac (三) Dockerfile 及命令

Dockerfile 最近学习docker的时候,遇到一件怪事,关于docker镜像可能会被破坏,还不知道它会有此措施 所以需要了解构建Dockerfile的正确方法 Dockerfile是由一系列命令和参数构成的脚本,这些命...

___大侠
20分钟前
0
0
NetCat Tutorials

Hacking with Netcat part 1: The Basics Hacking with Netcat part 2: Bind and reverse shells Hacking with Netcat part 3: Advanced Techniques 10 Introduction to Netcat - pdf NetCat......

zungyiu
20分钟前
0
0
Android Studio+NDK+Cmake 移植FFmpeg-4.0.2命令行工具

一、编译 参考大神的帖子,亲测一次编译成功:https://blog.csdn.net/bobcat_kay/article/details/80889398 鉴于以前查文档的经验,这里附上编写例子的时间:2018年7月22日 我用的是ubantu,...

她叫我小渝
21分钟前
0
0
mysql创建数据库

登录MYSQL mysql -u root -p 脚本创建数据库WeChat,并制定默认的字符集是utf8mb4。 CREATE DATABASE Wechat DEFAULT CHARSET utf8mb4 COLLATE utf8mb4_general_ci; 授权 grant all......

niithub
35分钟前
0
0
svn: Unable to connect to a repository URL 的解决方案

错误图示: 解决办法:清除本地保存的授权信息; 1:右键点击本地文件夹,选择设置; TortoiseSVN -> Settings 2:在弹出的对话框中选择 Saved Data, 右侧选择:授权地方清理所有。 然后点确...

宁哥实战课堂
今天
1
0
sleep与wait的区别

Thread.sleep(XXX)方法消耗CPU吗? 这个知识点是我之前认识一直有错误的一个知识点,在我以前的认识里面,我一直认为Thread.sleep(1000)的这一秒钟的时间内,线程的休眠是一直占用着CPU的时间...

码代码的小司机
今天
1
0
20位活跃在Github上的国内技术大牛 leij 何小鹏 亚信

本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔? 1. lifesinger(玉伯) Github主页: https://github.com/lifesinger 微博:@ 玉伯也叫射雕 玉伯(王保平),...

海博1600
今天
1
0
Mybatis收集配置

一、Mybatis取Clob数据 1、Mapper.xml配置 <resultMap type="com.test.User" id="user"> <result column="id" property="id"/> <result column="json_data" property="jsonData" ......

星痕2018
今天
1
0
centos7设置以多用户模式启动

1、旧版本linux系统修改inittab文件,在新版本执行vi /etc/inittab 会有以下提示 # inittab is no longer used when using systemd. # # ADDING CONFIGURATION HERE WILL HAVE NO EFFECT ON......

haha360
今天
1
0
OSChina 周日乱弹 —— 局长:怕你不爱我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ andonny :分享周二珂的单曲《孤独她呀》 《孤独她呀》- 周二珂 手机党少年们想听歌,请使劲儿戳(这里) @孤星闵月 :没事干,看一遍红楼梦...

小小编辑
今天
395
12

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部