Javascript 将外部url加载到div，但无法更改加载页面的样式

因此，我正在将一个外部URL加载到一个div，它工作正常，但我无法更改加载页面的样式

我的代码是：

函数加载_home（）{
var loadDoc=document.getElementById（“内容”）.innerHTML=''；
}

---

如果URL不是来自同一来源，则需要使用代理服务器

假设url与页面来源相同，在jQuery中可以

$("#content").load("myurlwithsomeparameters",function() {
  $("#content").html($("#content").find("pre").html());
})

这将从数据周围移除预标记

如果您只想设置pre标记的样式，可以这样做

$("#content").load("myurlwithsomeparameters",function() {
  $("#content").html($("#content").find("pre").prop("style","").addClass("myOwnPreStyle");
})

---

首先，如果您不拥有加载的文件。或者它不在同一原点下，您根本无法修改它。您将获得跨原点异常。这是为了防止其他人在他们不拥有的站点上运行脚本

如果是您的文件，那么您几乎没有选择

a） 从其自身所在的页面修改加载的页面

b） 通过Javascript修改其样式/html。（内联样式）

c） 创建一个css文件，并使用javascript将其插入iframe

---

即使在stackoverflow上，所有这些方法都有大量的资源。

使用Ajax，并在阅读结果“如何覆盖加载页面的样式？”时删除样式-您当前加载的方式-一点也不，一个

对象

的行为与

iframe

的行为几乎相同，当你将外部内容从不同的来源加载到其中任何一个来源时，你都无法从外部访问内容-相同来源策略。这样，我就可以将样式应用到我主页上的预标记上，对吗？我尝试过，但我被CORS策略阻止了。对。这是你自己的错，没有告诉我们

data=“myurlwithsomeparameters”

实际上是

data=”https://someoneelsesurlwithsomeparameters“

是的，我的错。服务是我们的，但我在本地机器上。