使用jQuery或纯 JavaScript 如何将用户从一页转到另一页?


当前回答

这很容易执行。 您可以使用 :

window.location.href = "http://www.example.com/";

这将记住上一页的历史。 这样可以点击浏览器的后键返回历史 。

或者:

window.location.replace("http://www.example.com/");

此方法不记得上一页的历史。 在此情况下, 后端按钮会被禁用 。

其他回答

与 jQuery 合作 :

$(window).attr("location", "http://google.fr");
<script type="text/javascript">
    if(window.location.href === "http://stackoverflow.com") {      
         window.location.replace("https://www.google.co.in/");
       }
</script>

使用 jQuery 函数 :

$.extend({
  redirectPost: function(location, args) {
    var form = '';
    $.each(args, function(key, value) {
      form += '<input type="hidden" name="' + key + '" value="' + value + '">';
    });
    $('<form action="' + location + '" method="POST">' + form + '</form>').appendTo($(document.body)).submit();
  }
});

在你的代码中,你使用它这样:

$.redirectPost("addPhotos.php", {pimreference:  $("#pimreference").val(), tag: $("#tag").val()});

使用location.replace()这将调整您的方向, 但不保存上一页的历史。 提交表格时最好使用此选项 。

但当你想保留自己的历史时,你必须使用location.href=//path.

实例:

// Form with steps
document.getElementById('#next').onclick = function() {
   window.location.href='/step2' // Iteration of steps;
}

// Go to next step
document.getElementById('#back').onclick = function() {
   window.history.back();
}

// Finish
document.getElementById('#finish').onclick = function() {
   window.location.href = '/success';
}

// On success page
window.onload = function() {
    setTimeout(function() {
       window.location.replace('/home'); // I can't go back to success page by pressing the back button
    },3000);
}

您需要在代码中输入这条线 :

$(location).attr("href","http://stackoverflow.com");

如果你没有jQuery, 和JavaScript一起去:

window.location.replace("http://stackoverflow.com");
window.location.href("http://stackoverflow.com");