0

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

4

2 回答 2

0

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

正文.php：

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

索引.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完全按照它看到的内容放置。您可以包含样式表和 JavaScript，index.php其中将根据需要对包含的内容进行样式设置和操作。

希望有帮助。

编辑：

使用 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
  }
});

请记住，上述代码仅在您从同一域中获取内容时才有效。

于 2012-07-23T00:43:22.623 回答
0

您可能有 3 个选项可以做到这一点：

  1. 如果您使用的是 PHP，则可以使用 include 语句
  2. 使用ajax抓取页面内容注入主页面
  3. 使用 iframe
于 2012-07-23T00:49:21.510 回答