IFRAME の内容を動的生成する正しい方法 - WebOS Goodies

先日 Firebug Lite ブックマークレットを公開しましたが、動的生成した IFRAME に HTML を流し込むとブラウザが読み込み状態のままになってしまう（ロード中アニメーションなどが再生されっぱなしになる）という問題がありました。 IFRAME の動的生成はいろいろと応用範囲が広いので、なんとかこの問題は解決しておきたいところです。そこでいろいろと試行錯誤して、なんとか回避方法を見つけることができました。本日はそれをご紹介しようと思います。 さっそく種明かししてしまいましょう。実は答えはいとも簡単でした。 document.write で HTML を流し込む前後で document.open と document.close をきちんと呼ぶ必要があるようです。こんな感じですね。 var iframe = document.createElement('IFRAME'); do

[unarist]

html5のsrcdoc属性が普通に使えるようになるまではこうするしかなさそう。ちなみに2006年の記事。

[moqada]

open(), close()がいる

[yorihito_tanaka]

ここにたどり着くまでに8時間かかった

[tsukkee]

document.write で HTML を流し込む前後で document.open と document.close をきちんと呼ぶ必要がある

[toton]

iframeを動的生成する際は、open→write→closeで呼ぶ

[gokigendori]

iframe。doc.open　close。メモ。

[h-yano]

IFRAME の動的生成/実は答えはいとも簡単でした。 document.write で HTML を流し込む前後で document.open と document.close をきちんと呼ぶ必要があるようです。こんな感じですね。

[asiamoth]

動的生成したiframeにHTMLを書く場合は、前後でopen、closeする。

[koko1000ban]

iframeを動的生成する際は、open→write→closeで呼ぶ

[mind]

動的生成した IFRAME に HTML を流し込むとブラウザが読み込み状態のままになってしまう（ロード中アニメーションなどが再生されっぱなしになる） …document.write で HTML を流し込む前後で document.open と document.close ――

[toma2]

インラインフレーム　IFRAME

[hiro_y]

iframeの動的生成、doc.open/closeをすること。

[shidho]

document.open,document.closeか。

[hokousya]

JavaScriptで動的生成したIFRAMEにHTMLを流し込む方法