将ifss添加到iframe内容的Jquery问题

Question

我找到了关于如何将ifss添加到iframe内容的多篇帖子，这是我的代码：

$(function() {
    $('iframe').addClass('bro'); //does work
    $('iframe').contents().find('html').addClass('broz'); //doesn't work
    $('iframe').contents().find('.side-section').addClass('brozzz'); //doesn't work
});

第一个按预期工作，但是所有其他标识符都不起作用。我只是想测试他们为什么不工作，这不是我正在做的实际工作。

这是iframe代码：

<iframe src="http://www.dropcards.com/download/profilewidget/?ArtistID=17121" width="400" height="230" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>

Answer 1

如果网页与包含iframe的域不在同一个域中，则无法修改iframe中网页的dom。 我们的想法是防止XSS，跨边脚本。

您可以在此处找到更多信息same origin policy

在第一种情况下，您正在修改页面的dom，在接下来的两种情况下，这是不可能的，因为您无法访问iframe中包含的页面的dom

Answer 2

如果iframe的内容来自其他域，则不允许您操纵它们。