解析window.location.href失效原因以及解决办法. - - JavaEye...

下列HTML语句，如果单击此链接，在IE3.0中将会导航到一个新的URL，但是在IE4.0却会执行失败。

Html代码

1. <A HREF="#" onclick="window.location.href='http://www.microsoft.com';">problem</A>  

<A HREF="#" onclick="window.location.href='http://www.microsoft.com';">problem</A>

   原因：IE4.0将一直等到从<a>标记的所有事件都完成后再处理HREF属性，以便覆盖window.location.href HREF ="#"。 
   这是IE的BUG，共有三种解决办法如下：
   1.在window.location.href后面添加window.event.returnValue=false; 如下：

Html代码

1. <A HREF="#" onclick="window.location.href='http://www.microsoft.com';   
2.    window.event.returnValue=false;">add window.event.returnValue=false statement</A>  

<A HREF="#" onclick="window.location.href='http://www.microsoft.com';window.event.returnValue=false;">add window.event.returnValue=false statement</A>

   2.将HREF值替换为JavaScript：[代码]。如下：

Html代码

1. <A HREF="JavaScript:window.location.href='http://www.microsoft.com';">replace HREF value with JavaScript:[code] </A>  

<A HREF="JavaScript:window.location.href='http://www.microsoft.com';">replace HREF value with JavaScript:[code] </A>

  3. 去掉href属性，直接写onlick。通过css样式来控制鼠标移上去显示手型效果。如下：

Html代码

1. <A onclick="window.location.href='http://www.microsoft.com';"  
2.    onmouseover="window.status='http://www.microsoft.com';"  
3.    onmouseout="window.status='';"  
4.    style="cursor:pointer; text-decoration:underline; color:blue;   
5.    font-family:times new roman">remove HREF attribute and use CSS </A>  

<A onclick="window.location.href='http://www.microsoft.com';"onmouseover="window.status='http://www.microsoft.com';"onmouseout="window.status='';"style="cursor:pointer; text-decoration:underline; color:blue;font-family:times new roman">remove HREF attribute and use CSS </A>

  

以上三种方法，视具体情况而定，推荐使用第二种方法。