IE6下<a href="#">与<a href="javascript:void(0);">的区别
JavaScriptAjaxIEFirefoxHTML.之前在项目,用到超链接,在ie下没有问题,但是到了ie6,居然发现点击事件不起作用, 真不可思议,以前都没注意到,后来网上搜了下,问题就出在这个void(0)上!现把网上的资料整理了下。
Html代码
1.<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>
<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>
让我们先来看看JavaScript中void(0)的含义:
JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:
Html代码
1.javascript:void (expression)
2.javascript:void expression
javascript:void (expression)
javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
Html代码
1.<a href=”javascript:void(0)”>单击此处什么也不会发生</a>
<a href=”javascript:void(0)”>单击此处什么也不会发生</a>
也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。
Html代码
1.<a href=”javascript:void(document.form.submit())”>
<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>
<script type="text/javascript">
function goUrl(x){
window.location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>
<a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳转4</a>
<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://blog.csdn.net/fycyuyan/article/details/6665199
相关文章:
http://yslove.net/2011/02/ie6-javascriptvoid0/
分享到:
相关推荐
javascript:void(0);
商城代码javascript:void(0);
工控带视觉点胶机运动控制,CCD定位,直线圆弧插补
JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx
比较详细的关于javascript中void(0)的具体含义解释.docx
一款可以去除水印的软件只是软件可以用效果自己看吧至少比ps简单
去玩得起我的期望的委屈的期望短期我对得起我的缺点我去打球的委屈的
JavaScript 中 void(0) 的具体含义解释 void 操作符是 JavaScript 中的一个特殊操作符,用于指定要计算一个表达式,但是不返回任何值。void 操作符的用法格式如下: 1. javascript:void (expression) 2. ...
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression expression 是一个要计算的 Javascript 标准的...
中文名: JavaScript权威指南 (第6版) 原名: JavaScript: The Definitive Guide: Activate Your Web Pages, 6th edition 作者: David Flanagan 版本: 英文文字版-pdf/EPUB + 完整书中源代码 出版社: O'Reilly 书号: ...
[JavaScript权威指南(第6版)].(JavaScript:The.Definitive.Guide).David.Flanagan.文字版.pdf
JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression expression 是一个要计算的 JavaScript...
链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。 3.如果仅仅...