jquery - iframe js内のdivにhtmlを挿入する

Question

 <script> 

jQuery("iframe").load(function() {

 console.log('can you hear me?');

 $('iframe').contents().find('#findme').html('lorium ipsom');  

});

 </script>

これを機能させるのに問題があります。iframe 内 (同じサーバー上) の div を見つけて、そこに html を挿入しようとしています。

何かご意見は？

Answer 1

iframe 内のソースは、外部の変更から「保護」されています。これにより、XSS (クロス サイト スクリプティング) 攻撃を防ぐことができます。あなたが望んでいるものは、同じ起源のポリシーに半分違反しています。

これを実現する唯一の方法は、iframe 自体内のドキュメントに JavaScript を追加することです。