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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM