轉載子:極客導航 - 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; } }