将HTML页面嵌入另一个页面

时间:2014-04-01 09:50:27

标签: jquery html iframe

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

这里的技巧是我希望避免使用iframe,因为我在服务器端提供了源代码,但不是HTML页面(我从数据库中检索它)。

我想一种方法是创建一个可以渲染它的页面,然后在iframe中显示它,但我的目标是只有一个页面,但我找不到方法。有人有更好的建议吗?

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

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

你应该使用这个。

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

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

这是您的fiddle

答案 2 :(得分:0)

有一篇类似的帖子询问"How to load an external website into a div of a html page"

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

关于嵌入网页的另一个链接...... http://www.web-source.net/embedding_web_pages.htm

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

祝你好运

答案 3 :(得分:0)

回顾我过去的问题和无知,我为可能面临类似情况的人们提供了答案:

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

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

此函数将剥离<head><body>标记,但保留其所有内容(包括<head>的{​​{1}}和<meta>

如果只希望将远程页面的一部分加载到当前页面中,则可以使用jQuery选择器,如下例所示:

<link>