当前位置: 代码迷 >> Web前端 >> 解析window.location.href失效原因以及解决方法
  详细解决方案

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

热度:91   发布时间:2012-11-23 22:54:33.0
解析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

  相关解决方案