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

【问题标题】：Is it possible to use a DIV instead of an iFrame so that content looks like in the same page?是否可以使用 DIV 而不是 iFrame 以使内容看起来像在同一页面中？
【发布时间】：2014-01-06 19:07:48
【问题描述】：

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

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

【问题讨论】：

了解 jquery load()
This is a good answer
你有什么理由不使用iframe？
您好Eric，您看到的示例页面是phonegap 制作的应用程序，表格内容将从http 网站加载。我不能在这个项目中从 iframe 中留下一些 ui（比如滚动条）。

标签： javascript jquery html iframe

【解决方案1】：

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

【讨论】：

嗨，我需要的是在加载主页时加载当前页面上的其他页面，而不是通过点击事件加载。
可以使用onload选项代替jquery中的点击事件函数。

【解决方案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");
});

【讨论】：

嗨，这是点击加载解决方案吗？我要问的是加载内容页面，因为它只是在一页中。
你想什么时候加载它？从它打开页面的那一刻起？为什么不直接在页面中？为什么要使用 iframe 或带有外部内容的部门？无论如何，PHP 解决方案可能正是您所寻找的，它不涉及任何点击。