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

Question

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

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

Answer 1

单击相应的链接时，可以使用jQuery load()方法加载内容。您也可以在没有点击动画的情况下使用它。

Answer 2

使用 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");
});