zoukankan      html  css  js  c++  java
  • Jquery页面跳转 JavaScript 页面跳转 跳转路径错误问题

    转载子:极客导航 - Jquery页面跳转 JavaScript 页面跳转 跳转路径错误问题

    1.使用Jquery实现跳转

    $(location).attr('href',"http://www.google.com");
    $jq(window).attr("location","http://www.google.com");
    $(location).prop('href',"http://www.google.com");

    2.使用JavaScript实现跳转

    // 相当于 HTTP redirect
    window.location.replace("http://stackoverflow.com");
    
    // 相当于 clicking on a link
    window.location.href = "http://stackoverflow.com";

    JavaScript其它的可实现页面跳转的方式

    window.history.back(-1);                                     //  back
    window.navigate("top.jsp");                                  // old-IE-only
    self.location="top.htm";
    top.location="error.jsp";
    window.location = window.location.host;
    window.location.assign("http://www.mozilla.org");
    document.location.href = '/path';
    window.history.go(-1);

    3.页面跳转路径错误问题

    ie8以下的页面跳转需要使用绝对路径,使用相对路径的时候ie会自动网跳转的Url上面加上当前页面的路径,这会导致跳转错误。 下面是解决办法:

    function Redirect (url) {
        var ua        = navigator.userAgent.toLowerCase(),
            isIE      = ua.indexOf('msie') !== -1,
            version   = parseInt(ua.substr(4, 2), 10);
    
        // Internet Explorer 8 and lower
        if (isIE && version < 9) {
            var link = document.createElement('a');
            link.href = url;
            document.body.appendChild(link);
            link.click();
        }
    
        // All other browsers
        else { window.location.href = url; }
    }


    作者:月食之后
    出处:http://www.cnblogs.com/aftereclipse/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    文章参考
    选择标识符(identifier)
    linux常见命令2
    Django框架之MVT(1)
    Tornado入门二
    2.Flask-jinjia2模板
    JQuery扩展和事件
    JQuery文档操作
    Jquery学习
    Jquery属性操作(入门二)
  • 原文地址:https://www.cnblogs.com/aftereclipse/p/4629541.html
Copyright © 2011-2022 走看看