2

我发现了多篇关于如何将 css 添加到 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>
4

2 回答 2

4

如果页面与包含 iframe 的域不在同一个域中，则不能在 iframe 中修改页面的 dom。这个想法是为了防止 XSS，cross-side-scripting。

您可以在此处找到更多信息同源政策

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

于 2012-07-14T22:07:33.340 回答
1

如果 iframe 的内容来自另一个域，则不允许您操作它们。

于 2012-07-14T22:08:38.137 回答