javascript - ある HTML ファイルで document.write を使用して別の HTML ファイルに書き込む

Question

ある HTML ファイルで document.write を使用して別の HTML ファイルに書き込むことはできますか?

Answer 1

document.writeファイルに書き込むのではなく、ブラウザのウィンドウ内のドキュメントに書き込みます。次のように、あるページに含まれるスクリプトで使用document.writeして、別のページに書き込むことができます。

var wnd = window.open("about:blank");
wnd.document.write("Hi there");

例| ソース

...これにより、新しいウィンドウが作成され、出力が書き込まれます (ユーザー生成イベントのハンドラー内でこれを行う必要があります。そうしないと、ほとんどのブラウザーでポップアップがブロックされます)。

名前がわかっている場合は、既存のウィンドウでこれを行うこともできます。これは、既存のウィンドウwindow.openにアクセスできるためです (これらすべてが同じオリジンにあると仮定すると、SOP は適用されません)。

var wnd = window.open("", "knownWindowName");
wnd.document.write("More content for the existing window");

例| ソース

document.writeコンテンツを生成するためのかなり時代遅れの (そして、HTML5 では非推奨になっていると思います) 方法ですが、DOM の使用にほとんど取って代わられて久しいです。参考文献:

• DOM2 コア
• DOM2 HTML
• DOM3 コア
• DOM2 イベント
• DOM3 イベント
• その他のDOM仕様

jQuery、YUI、Closure、またはその他のいずれかの godo ライブラリを使用することをお勧めします。これらのライブラリは、DOM の上に多数のユーティリティ機能を提供し、ブラウザの癖/違い/バグをスムーズにするのに役立ちます。