Question

我很好奇，有没有办法可以使用jQuery从一个html页面切换到另一个html页面，例如几秒钟后从主页切换到page1。

      <html>
  <head>
  <title>Home Page</title>
  </head>

  <body>

  </div>
  </body>
  </html>



    <html>
  <head>
  <title>Page1</title>
  </head>

  <body>

  </div>
  </body>
  </html>

Answer 1

这是你的代码......

setTimeout(function() { 
    window.location.replace("http://www.I.Will.Spam.You.com/");
}, 1000); //1 sec

Answer 2

在您的代码示例中，您似乎想要更改页面内容，而不是重定向到新的URL。如果重定向不是您所追求的，您可以使用jQuery轻松更改内容（尽管不是没有ajax的整个页面）。

<div id="one">
...
</div>

<div id="two" style="display: none;">
...
</div>

<script>
$(function() {
    setTimeout(function() {
        $('#one, #two').toggle();
        $(document).attr('title', 'Page 1');
    }, 5000);
});
</script>

Answer 3

您需要的可能是重定向到新页面

success: function () {
  document.location.href='/newpage/'; // jquery
}

window.location.replace('/somepage/within/thewebsite'); // js

是的，有很多方法可以做到这一点，如果你想留在页面上只是改变内容，我会告诉你一些它们的例子

使用Ajax

您可以使用ajax来更改网页内容，如下所示：

function redit() { 
  $.ajax({
    url: 'url_of/page_to/load.html', // send ajax request
    success: function (date) {       // if data is recieved,
      $('body').html(data);          // write it in the body tag..
    }
  })
}

setInterval(redit(), 1000); // after one second (1000ms = 1s)

您可以在此处了解到这一点：http://api.jquery.com/jQuery.ajax/

使用加载

通过这种方法，您只需要一个指向页面的链接，并使用它来加载其内容（文本）

$( "#result" ).load( "ajax/test.html" );

在此处了解：http://api.jquery.com/load/

如何使用jQuery来更改HTML页面

3 个答案:

您需要的可能是重定向到新页面

使用Ajax

使用加载