将 HTML 页面嵌入到另一个页面中答案

【问题标题】：Embedding an HTML page into another将 HTML 页面嵌入到另一个页面中
【发布时间】：2014-04-01 09:50:27
【问题描述】：

我正在尝试将网页的来源包含在另一个网页中。嵌入式网页有自己的 doctype、head 和 body 声明，并且可以有单独的样式。

这里的诀窍是我希望避免使用 iframe，因为我在服务器端有可用的源代码，但不是 HTML 页面（我从数据库中检索它）。

我想一种方法是创建一个页面来呈现它，然后在 iframe 中显示它，但我的目标是拥有一个页面，尽管我没有找到方法。有人有更好的建议吗？

我在我的应用程序中使用 jQuery，所以如果我错过了那里的解决方案，这也是一个选择。

【问题讨论】：

【解决方案1】：

如果你的服务器支持php，你可以用php从数据库中检索页面代码，然后回显它

【讨论】：

【解决方案2】：

你应该使用这个。

<html>
<head>
something here 
</head
<body>

<?php
require ('page1.html');
?>

这是你的fiddle

【讨论】：

【解决方案3】：

虽然我不完全了解你的情况。如果您只想要一个不重新加载的动态页面，那么从数据源填充 div 或其他元素会更有效。

但是就像据说我不完全理解你的最终目标，所以也许你应该改写你的问题。

祝你好运

【讨论】：

【解决方案4】：

回顾我过去的问题和无知，我已经开始为可能面临类似情况的人提供答案：

使用jQuery's .load() 允许您加载页面或其中的一部分并将其插入当前的DOM。

$('#my-target-element').('/the/page/to/load.html')

此函数去除了<head> 和<body> 标签，但保留了它们的所有内容（包括<head> 的<meta> 和<link>。

如果您只想将远程页面的一部分加载到当前页面中，您可以使用 jQuery 选择器，如下例所示：

$('#my-target-ol').('/the/page/to/load.html #my-included-list li')

【讨论】：