Question

我正在尝试使用jQuery编辑（基本上隐藏）iframe的HTML元素

<iframe id="foobar" frameborder="no" class="redirect-frame" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://website.wix.com" seamless></iframe>

我尝试过这样的事情：

setTimeout(function(){
  var f=$('#foobar')
  f.load(function(){
    f.contents().find('#WIX_ADSdesktopWADTop').hide();
    f.contents().find('#WIX_ADSdesktopWADTop').remove();
  })
  alert('test');
}, 5000);

$(window).bind("load", function() {
  $('#WIX_ADSdesktopWADTop').css('display', 'none');
  $('#WIX_ADSdesktopWADTop').css('visibility', 'hidden');
});

并在加载框架之前添加目标CSS。

我也尝试使用jQuery加载页面（不是iFrame）：

$("#test").html('<object id="foobar" class="redirect-frame" data="http://website.wix.com">');

但没有运气。唯一运行的是alert('test');

有什么想法吗？我的猜测是它不起作用，因为页面不是来自同一个来源？这可能吗？

Answer 1

我有个坏消息，默认情况下iFrame块是交叉原点注入，你应该尝试在它上面附加child，但我不知道它是否会起作用。

使用JS编辑iframe元素

1 个答案: