Можно ли использовать DIV вместо iFrame, чтобы содержимое выглядело как на одной странице?

У меня есть веб-страница, мне нужна часть содержимого, разделенная на отдельную страницу, но не используйте iframe. Так же, как знать, можно ли использовать div вместо iframe и работает как на той же странице(с базовым кодом js или php-кодом круто).

Мне нужно все содержимое <div class="row-fluid">..</div> чтобы быть отдельным html, но не использовать iframe, мне понадобится div вместо iframe, и он работает так же, как на одной странице.

2 ответов


С PHP вы можете включить страницу внутри вашего кода внутри конкретного подразделения.

например, внутри индекса.на PHP:

<div>
  <?php include('page2.php'); ?>
</div>

и внутри страницы 2.php у вас есть:

<span>Hello World</span>

результат будет такой:

<div>
  <span>Hello World</span>
</div>

если то, что вы хотите достичь, должно быть в интерфейсе, когда пользователь переходит через ваш сайт; то есть после щелчка по элементу, и вы не хотите переходить на другую страницу, то AJAX - это ваш вариант. этот пример с Jquery:

$('.clickme').click(function(){
  $.ajax({
    url:'page2.php'
    success:function(msg){
      $('#insert_div').html(msg)
    }
  });
});

HTML-код:

<span class="clickme">Get Page 2</span>

<div id="insert_div">
  <!-- Page 2 will be inserted here -->
</div>

другое решение -загрузки jQuery() как многие опубликовали:

$('.clickme').click(function(){
  $('#insert_div').load("page2.php");
});

можно использовать jQuery load() метод загрузки содержимого при нажатии на соответствующую ссылку. вы также можете использовать это без события, нажатого с анимацией.