動的ページをiframeに読み込む方法

Question

iframeを作成し、ソースを既に作成済みの空のページに設定しました。問題は、空のページのdivの中にいくつかのhtmlチャンク（htmlはすでに変数に格納されています）を動的に追加してiframeに表示する方法です。私はjqueryを使用しています。ありがとう

Answer 1

iframeを選択してから、.contents()を使用してiframeのjQueryでラップされたドキュメントオブジェクトにアクセスします（同じドメインのみ！）。

var chunk = "<a>Test</a>"; 

var iframeBody = $("#id-selector-of-iframe").contents().find("body"); 
iframeBody.append(chunk); 
//Or, if you want to overwrite the body: 
//iframeBody.html(chunk);