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

Question

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

我坚持使用Same-origin策略 ，因为它不允许编辑具有不同来源的html。

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

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

Answer 1

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

您将能够修改HTML，但您不会以这种方式获得样式表。

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

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