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、クロスサイドスクリプティングを防ぐことです。

詳細については、こちらの同じオリジン ポリシーをご覧ください。

最初のケースでは、ページの dom を変更しています。次の 2 つのケースでは、iframe に含まれるページの dom にアクセスできないため、これは不可能です。

于 2012-07-14T22:07:33.340 に答える
1

iframe のコンテンツが別のドメインからのものである場合、それらを操作することはできません。

于 2012-07-14T22:08:38.137 に答える