在div中加载外部页面并进行更改

Question

我试图弄清楚如何在div中加载外部页面并更改它的HTML / CSS。有可能吗？

我遇到了Same-origin policy，因为它不允许编辑具有不同来源的html。

为了澄清，我想突出显示其中的一些内容并分享。

这样做的限制和可能的解决方法是什么？

Answer 1

虽然从安全角度来看这可能是一个非常糟糕的主意，但您可以在要包含的页面上执行Ajax GET，并使用html（）jQuery函数在div中注入其内容（事先剥去..标签）。

您可以修改HTML，但不会以这种方式获取样式表。

在我的页面中加载外部页面对我来说似乎是一个坏主意，因为如果执行远程页面脚本，它可能会使您暴露于XSS和其他漏洞。

另一个解决方案是使用iframe，但听起来很老套。