javascript - 是否可以使用 DIV 而不是 iFrame 以使内容看起来像在同一页面中？

Question

我有一个网页，我需要将部分内容分隔到一个单独的页面，但不使用 iframe。只是想知道是否可以使用 div 而不是 iframe 并在同一页面中工作(使用 js 基本代码或 php 代码很酷)。

我需要 <div class="row-fluid">..</div> 的全部内容要成为一个单独的 html，但不使用 iframe，我需要一个 div 而不是 iframe，并使其像在一个页面中一样工作。

Answer 1

使用 PHP，您可以在特定部分的代码中包含一个页面。

例如在 index.php 中:

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

在 page2.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 load() 正如许多人发布的那样:

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