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

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

<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; 如下:

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

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

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

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

<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>

  

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


原文地址:http://support.microsoft.com/kb/190244/en-us

你可能感兴趣的:(JavaScript,html,css,Microsoft,IE)