使用javascript将css应用于iframe(无法控制此domian)

Question

我有一个网站example.com和另一个网站example1.com.我想将example1.com显示为example.com网站中的iframe内容.

例如:

在example.com中包含此内容 <iframe src='http://example1.com'>

并在example.com中的body末尾添加jquery脚本.这不适用于跨域.所以请对此进行任何调整

$(document).ready(function() {
  $("#Frame").load(function(){
    var timestamp =  +(new Date());
    $("#Frame").contents().find("head").append("<link href='http://xxxxxx.com/style.css?&apos;+ timestamp +&apos;' rel='stylesheet' type='text/css'/>");
  });
});

所以当在example.com中加载example1.com iframe时,xxxxxx.com/style.css必须包含在example1.com iframe的标题中以更改其css内容

注意:我无法控制example1.com,这是iframe内容

我正在使用的CMS不允许我访问服务器端.因此,只能在客户端进行操作.因此使用代理的解决方案无济于事.

我知道跨多米尼亚政策.但即使是一些人也会操纵.提前致谢

Answer 1

唯一的可能性是通过您的代理加载 iframe 内容并修改 HTML 内容。您无法通过 JavaScript 从另一个域访问 iframe。

参考
文献2