Question

我需要在以下伪页面中的div中加载一个html页面：

<html>
    <head></head>
    <style>
        body {
            background-color: yellow;
        }
    </style>
    <body>
        <div style="display:none">
            <html>
                <head></head>
                <style>
                    body {
                        background-color: blue;
                    }
                </style>
                <body>
                    <div style="display:none">
                        ...
                    </div>
                </body>
            </html>
        </div>
    </body>
</html>

此代码中自然发生的是背景将变为蓝色，因为它正在页面中间进行更改。有没有办法隔离这个div？所以它的行为类似于iframe。 div中的内容存储在一个变量中，所以我认为我不能使用一个框架，因为html代码没有存储在文件中以将其用作源。

谢谢！

Answer 1

由于安全风险，您无法在没有Iframe的情况下将网站加载到网站中。

你唯一能做的就是用一个像php那样的服务器端脚本加载外部网站，用正则表达式剪掉头部，然后把剩下的部分发送到你的网站上。

Answer 2

这是错的。 HTML文档只能有一个html标记和一个body标记，否则它将是一个无效的文档，浏览器将不允许它。

如果您加载iframe，它将拥有自己的#document，并且没问题。

如何在div中隔离CSS规则？

2 个答案: