0

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>
4

3 に答える 3

0

必要なのは、新しいページへのリダイレクトかもしれません

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

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

はい、ページにとどまってコンテンツを変更したい場合は、これを行う方法がたくさんあります。それらの例をいくつか示します。

Ajax の使用

ajax を使用して、次のように Web ページのコンテンツを変更できます。

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/

于 2013-10-23T21:27:15.510 に答える
0

これがあなたのコードです...

setTimeout(function() { 
    window.location.replace("http://www.I.Will.Spam.You.com/");
}, 1000); //1 sec
于 2013-10-23T21:21:24.817 に答える
0

コード例から、新しい 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>
于 2013-10-23T21:26:46.947 に答える