Как можно использовать jQuery для изменения HTML-страниц

0

Мне любопытно, есть ли способ, с помощью которого jQuery можно использовать для переключения с одной страницы html на другой, например, переключение с домашней страницы на страницу1 через несколько секунд.

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

  <body>

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



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

  <body>

  </div>
  </body>
  </html>
  • 4
    К вашему сведению - вы говорите о «перенаправлении»
  • 1
    нет, jquery не может этого сделать. Javascript или HTML можно.
Теги:

3 ответа

0
Лучший ответ

Вот ваш код...

setTimeout(function() { 
    window.location.replace("http://www.I.Will.Spam.You.com/");
}, 1000); //1 sec
  • 0
    Отлично! Это сработало.
0

То, что вам требуется, может быть перенаправлением на новую страницу

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/

  • 0
    Я ценю подробное объяснение.
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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню