`
xiaoboss
  • 浏览: 650048 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ie6中href设为javascript:void(0)页面无法提交

阅读更多
  1. < a class = "bt_3"    href = "javascript:void(0)" id = "btnSubmit1" onclick = "submitPage()" > 提交 </ a >   
<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage()">提交</a>

submitPage() 是我定义的一个函数,原意是点击这个<a>时,提交一个表单。ft, ie6 居然不可以,怎么也不能提交。

看来是因为 ie6 执行默认动作引起来,目前两种解决方法:

第一种方法:

 

< a class = "bt_3"    style = "cursor:pointer;" id = "btnSubmit1" onclick = "submitPage()" > 提交 </ a >   

 

<a class="bt_3" style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>

这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。

 

 

 

另一种方法:

  1. < a class = "bt_3"     href = "javascript:void(0)"    id = "btnSubmit1" onclick = "submitPage();return false;" > 提交 </ a >   
<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage();return false;">提交</a>

onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的。

 

-------------------------------------------------------------------------------------------

之前在项目,用到超链接,在ie下没有问题,但是到了ie6,居然发现点击事件不起作用,ie6中href设为javascript:void(0)页面无法提交 真不可思议,以前都没注意到,后来网上搜了下,问题就出在这个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_r)  
  2. javascript:void expression_r  
javascript:void (expression_r) javascript:void expression_r

expression_r是一个要计算的 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属性,空链接用"#","###"。

为了不返回网页顶端。

空链接推荐用"###"。
分享到:
评论

相关推荐

    IE6下javasc#ipt:void(0) 无效的解决方法

    在`void(0)`的情况下,虽然代码执行后返回0,但在IE6中,这可能不足以阻止链接的默认行为,即页面跳转或刷新。 为了解决这个问题,开发者可以采用以下几种策略: 1. **在`onClick`事件处理函数后添加 `return ...

    设为主页跳转代码大全

    设为主页跳转代码主要指的是在网页中通过一定的编程手段实现将当前页面重定向至指定URL地址的技术。这种技术常见于网站导航栏或者某些功能按钮上,通过点击这些链接或按钮可以快速将用户引导至目标页面。在实际应用...

    jquery 仿QQ相册

    &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/1.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/2.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href=...

    网页设计常用的Javascript特效代码

    根据提供的文件信息,我们可以归纳出一系列与网页设计中常用的JavaScript特效相关的知识点。下面将详细介绍这些知识点,以便更好地理解和应用。 ### 网页设计中常用的JavaScript特效代码 #### 1. 文本缩放功能 在...

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

    然而,当我们的`href`属性设置为`javascript:`或`javascript:void(0)`这样的JavaScript协议时,在其他浏览器中点击链接会执行`onclick`事件中的函数,实现页面跳转或执行其他操作。但在IE6中,这个行为并不正常,...

    [removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别

    然而,`href="javascript:void(0)"` 在某些旧版本的IE浏览器中可能引发问题,如导致GIF动画停止播放。为了避免这些问题,一个更推荐的做法是使用 `href="#"` 并在链接的 `onclick` 事件中添加 `return false`,这...

    a标签中调用js中的方法的方法

    综上所述,虽然有多种方式可以在`&lt;a&gt;`标签中调用JavaScript方法,但推荐使用`&lt;a href="javascript:void(0);" onclick="js_method();&gt;`或`&lt;a href="javascript:;" onclick="js_method();&gt;`,它们兼顾了代码简洁性、...

    javascriptvoid(0)含义以及与”#”的区别讲解

    链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。 3.如果仅仅...

    html中a标签调用js函数.docx

    更推荐的做法是`&lt;a href="javascript:void(0);" onclick="js_method()"&gt;`。`void(0)`操作符返回`undefined`,阻止页面跳转,而`onclick`事件负责执行JavaScript函数。这种方法不会像第一种那样在状态栏显示...

    兼容firefox火狐、IE6IE7IE8加入收藏,设为首页代码

    &lt;a href="javascript:void(0)" onClick="SetHome(this,window.location)" target="_top"&gt;设为首页 ``` 这段代码定义了`SetHome`函数,同样接受两个参数:对象(obj)和URL(vrl)。尝试使用`obj.style.behavior`和`...

    [removed]void(0)使用探讨

    总结来说,在制作网页链接时,若希望点击链接后页面不执行默认跳转,可以考虑使用javascript:void(0)、多个井号"####"、设置href为空字符串""或在onclick事件中返回false等方法。而void是JavaScript中一个重要的操作...

    html中a标签调用js函数.pdf

    例如,淘宝主页采用了`void(0)`方法,并对每个`href`中的JavaScript方法进行了异常处理。而阿里巴巴主页使用了第一种方法,但每个`href`中的方法都被`try...catch`包围,以防止潜在的运行时错误影响用户体验。 总结...

    浏览器兼容(支持IE和firefox)

    在IE6中,如果`a`标签的`href`属性设置为`javascript:void(0)`或`javascript:`,`location.href`将无法正常跳转。这是因为`javascript:void(0)`阻止了页面的默认行为,导致页面无法通过`href`进行跳转。解决这个问题...

    [removed]void(0)的问题使用探讨

    在`&lt;a&gt;`标签的`href`属性中使用`javascript:void(0)`,可以确保点击链接时浏览器不会尝试加载任何URL,因此页面状态保持不变。 然而,有些开发者认为使用`javascript:void(0)`并不是最佳实践,因为它涉及到内联...

    [removed];与[removed]void(0)使用介绍

    ` 和 `javascript:void(0)` 在IE浏览器中可能会引起一些问题,例如可能导致GIF动画停止播放。因此,推荐使用多个 `#` 来避免潜在的问题,同时在 `onclick` 事件中使用 `return false;` 来确保不执行任何默认行为,且...

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

    本文主要探讨了在Internet Explorer(尤其是IE6)中遇到的一个典型问题:`href` 跳转失效,以及如何通过两种不同的方法来解决这个问题。 首先,问题的根源在于使用了`javascript:void(0)`作为`&lt;a&gt;`标签的`href`属性...

    location.href 在IE6中不跳转的解决方法与推荐使用代码

    因为在一些旧版本的浏览器(如文件中提到的IE6和IE7)中,如果标签的href属性设置不正确,可能会导致JavaScript中的跳转函数无法正常工作。 文件中提到了一些不同的标签的href属性设置方法: 1. href="javascript:;...

Global site tag (gtag.js) - Google Analytics