zoukankan      html  css  js  c++  java
  • 遇到Javascript在IE6下window.location.href 不跳转的问题,及解决办法

    没有废话,直接开始代码

    页面代码如下:


    代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title id="Title1" runat="server">..</title>

    <script type="text/javascript">

        
    function clickT(){

                      window.location.href
    ='www.g.cn';

        }

    </script>

    </head>

    <body>

        
    <input value="click" type="button" onclick="clickT();" />

    </body>

    </html>

    当我点击按钮时,将会得到这样的结果:

    The page cannot be displayed

    The page you are looking for is currently unavailable. The Web site might be experiencing technical difficulties, or you may need to adjust your browser settings.

    调试了好久,也不知道是什么原因,后来考虑到IE6下会把所有的标签自动都补全地址,于是写上了完整的路径

    function clickT(){

                      window.location.href='www.g.cn';

        }

    修改为

    function clickT(){

                      window.location.href='http://www.g.cn';

    }

    问题得以解决,最终代码如下:

    代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title id="Title1" runat="server">..</title>

    <script type="text/javascript">

        
    function clickT(){

                      window.location.href
    ='http://www.g.cn';

        }

    </script>

    </head>

    <body>

        
    <input value="click" type="button" onclick="clickT();" />

    </body>

    </html>

    总结:IE6window.location.href值必须写上完整的地址,不能使用相对地址。

    补充一个问题:

     IE6下用A标签做按钮的解决方案:

    1、事件必须return false

      <a href="javascript:void(0);" onclick="event();return false;"></a>

    2、a标签的href属性设为一个锚点。

      <a href="#" onclick="event();"></a>

     

  • 相关阅读:
    23种设计模式之过滤模式
    23种设计模式之建造者模式
    23种设计模式之桥接模式
    23种设计模式之策略模式
    Redis缓存相关问题
    docker命令大全
    过滤器filter和springmvc拦截器的区别及实现
    23种设计模式之装饰器模式
    Model ModelMap ModelView三者的区别你造吗
    解决并发问题的一般思路及使用redis实现秒杀
  • 原文地址:https://www.cnblogs.com/airy/p/1755445.html
Copyright © 2011-2022 走看看