Question

我想将网页包含到另一个网页中，但最好不要使用iframe，因为我讨厌页面中间的滚动条。

假设我想将A作为B

的一部分

我尝试通过在B上创建div来实现它，我希望包含A然后使用JQuery加载页面，如下所示：

$(document).ready(function() { 
    $('#inv_view').html('loading...').load("{% url 'invoice.invoice.view' invoice.ID %}");
});

我的问题是A使用自己的一组CSS样式，当加载A时，这些样式会覆盖B上的样式。我该如何防止这种情况？

同样，我知道用iframe轻松完成，但是...... Meh

Answer 1

除非你控制两个页面样式表，否则不容易做到这一点。

如果这样做，只需在类选择器前加上所有规则。

将此课程放在每个模板的body标签上。

当你将一个页面拉到另一个页面时，只需将它与你的班级一起包装在一个div中。

Answer 2

您可以通过PHP轻松完成此操作。以下是您需要采取的步骤：

1：将您的两个文件从.html更改为.php（这将允许读取php）

2：在fileB中要包含fileA中的内容，请写下以下内容：

        <?php include 'fileA.php' ?>

3：在您的文件A中，删除<html>，<header>和<body>标记。只需将要传输的内容保留到fileB即可。

为避免CSS更改发生，您需要在存在重叠冲突的地方添加id。 另一种选择：你也可以将所有fileA放在div中。然后，在样式重叠的地方直接访问div，如下例所示：

p {
    font-size:18px;
}
#fileA p {
    font-size:25px;
}