iframeを動的に作成し、それをページのdivに貼り付ける必要があるページがあります。次のようにiframeを作成します。
var frame = $('<iframe>')
.attr('id', 'myIframe')
.addClass('someClass')
.appendTo($('#someDiv'));
条件に応じて、次のいずれかを行う必要があります。A)iframe srcを他のページに設定するか、B)HTMLをiframeに動的に追加する。
オプションAは正常に機能していますが、オプションBはセキュリティエラーをスローしています。
if (someCondition) {
// option A, works fine
frame.attr('src', someURL);
} else {
// option B, blows up with "Access is denied."
$(frame[0].contentWindow.document).find('body').html(someHTML);
}
document.domain
HTMLを設定する前に、動的iframeにを設定する必要がありますか?どうすればいいですか?動的コンテンツを動的iframeに追加する簡単な方法はありますか?
前もって感謝します。
ここで編集するのは、要求に応じて、動的iframeのレンダリングされたHTMLです。
<div id="someDiv">
<iframe id="myIframe" class="someClass"></iframe>
</div>