在div中加載外部頁面並進行更改

Question

我試圖弄清楚如何在div中加載外部頁面並更改它的HTML / CSS。 可能嗎？

我堅持使用Same-origin策略 ，因為它不允許編輯具有不同來源的html。

為了澄清，我想在其頁面中突出顯示一些內容並分享。

這樣做的限制和可能的解決方法是什么？

Answer 1

雖然從安全角度來看這可能是一個非常糟糕的想法，但您可以在要包含的頁面上執行Ajax GET，並使用html（）jQuery函數將其內容注入div中（事先去除..標記）。

您將能夠修改HTML，但您不會以這種方式獲得樣式表。

但是，在頁面中加載外部頁面對我來說似乎是一個壞主意，因為如果執行遠程頁面腳本，它可能會使您暴露於XSS和其他漏洞。

另一種解決方案是使用iframe，但聽起來很老套。