Question

我有一个页面，我想要包含一个外部HTML页面。它将位于我的左栏。它是一个联盟商店专栏，以一种没有样式的方式从他们的页面列出他们的产品。见[http://store.vampirefreaks.com/?cat=collars&aff=synester_shadows&cols=1&numitems=5]。我想知道如何用javascript包含该页面并将其设置为链接，图像，背景和更多匹配我的页面CSS的位置。

Answer 1

如果你的应用程序在PHP服务器上运行，我建议在PHP中使用includes。它只是将所需的脚本包含在您放置它的页面中，如下所示：

<强> body.php：

<p>This is a body page!</p>

<强>的index.php：

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Home</title>
</head>

<body>
<?php include('body.php'); />
</body>
</html>

处理后

index.php：

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Home</title>
</head>

<body>
<p>This is a body page!</p>
</body>
</html>

请注意，body.php不包含<!DOCTYPE>，<html>或<body>标记。 PHP会将body.php的内容完全放在它看到的位置。您可以在index.php中包含样式表和JavaScript，这样可以根据需要设置和操作包含的内容。

希望有所帮助。

修改

使用jQuery获取页面并将其放在容器中：

$.ajax({ 'url' : '/path/to/page.html', 'success' : function(data) { $('div#container').html(data); //Place the fetched content into a <div> with an ID of container } });

请注意，上述代码仅在您从同一域中提取内容时才有效。

Answer 2

您可以有3个选项：

如果您使用的是PHP，则可以使用include语句
使用ajax抓取页面内容并注入主页
使用iframe

包括HTML页面和样式吗？

2 个答案: