我有一个网页,我想在另一台服务器上嵌入一个外部网页,但我不想要任何框架条,并希望使用Php或Javascript来执行此操作。我正在构建的网站是使用php构建的。
我试过
<?php
$remote = fopen("http://www.myotherwepage.com/apage", "r");
fpassthru($remote);
?>
但是无法正确加载,不会加载任何图像,也不会加载样式。
这是我试图嵌入的页面
http://brands.datahc.com/?languageCode=EN
我上面有我自己的(包括)导航和(包括)下面的页脚。它需要为用户扩展和重新设置。
答案 0 :(得分:3)
只需添加iframe
元素,然后使用CSS设置样式。你可以使用jQuery或vanilla JS来操纵它的大小。
这样,您无需担心修复任何损坏或相对链接。例如,以下代码将关闭iframe
的滚动条:
<iframe src="http://brands.datahc.com/?languageCode=EN" srcolling="no"></iframe>
您可以依次实现以下某些功能&gt; http://css-tricks.com/cross-domain-iframe-resizing/。这也将确保根据内容调整iframe的大小。
答案 1 :(得分:2)
问题是网站上的所有图片都嵌入了相对路径。
当您嵌入网站示例。 com 时,它引用图像http://example.com/image.jpg,其源代码仅显示src="image.jpg"
。然后,当您将该网站的源代码集成到示例中。 org 时,将在http://example.org/image.jpg上搜索该图像,但不存在该图像。
作为解决方案,你可以
<head>
中使用the HTML <base>
element,并将其设置为您要嵌入的网页的网址。这样,用户Web浏览器将相对于嵌入页面解释所有相对URL,而不是您自己页面的URL。