最新のWeb開発のチュートリアル
 

HTML DOM write() Method

<ドキュメントオブジェクト

HTML文書に直接テキストを書きます:

document.write("Hello World!");
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

write()メソッドは、ドキュメントにHTML表現やJavaScriptコードを書き込みます。

write()メソッドは、主にテストのために使用されている:HTMLドキュメントが完全にロードされた後、それはすべての既存のHTMLを削除します使用されている場合。

注意:このメソッドはテストのために使用されていない場合、多くの場合で開かれた出力ストリームにいくつかのテキストの書き込みに使用される文書を。 open()メソッド。 参照してください。 "More Examples"以下を。

ヒント: ドキュメント。 writeln()メソッドは、に似ているwrite() 、唯一のそれはそれぞれの文の後に改行文字を追加します。


ブラウザのサポート

方法
write() はい はい はい はい はい

構文

document.write( パラメータ値
パラメーター 説明
exp1,exp2,exp3,... 任意。 どのような出力ストリームに書き込みます。 複数の引数を挙げることができ、それらは、発生順に文書に追加されます

技術的な詳細

戻り値: 戻り値なし

例

その他の例

直接HTML文書にテキストとHTML要素を記述します。

document.write("<h1>Hello World!</h1><p>Have a nice day!</p>");
»それを自分で試してみてください

HTMLドキュメントに直接Dateオブジェクトを書き込みます。

document.write(Date());
»それを自分で試してみてください

使用してdocument. write() document. write() HTMLドキュメントが完全にロードされた後、既存のすべてのHTMLを削除します。

この例では、我々は入れたときに何が起こるかを示しdocument. write() document. write()関数の内部。 関数が呼び出されると、すべてのHTML要素が上書きされ、新しい、指定したテキストに置き換えられます。

// This should be avoided:
function myFunction() {
    document.write("Hello World!");
}
»それを自分で試してみてください

出力ストリームを開き、いくつかのテキストを追加し、出力ストリームを閉じます。

document.open();
document.write("<h1>Hello World</h1>");
document.close();
»それを自分で試してみてください

呼ばれる新しいウィンドウで開く"MsgWindow" 、およびそれにいくつかのテキストを記述します。

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
»それを自分で試してみてください

write()writeln()

<body>

<p>Note that write() does NOT add a new line after each statement:</p>

<pre>
<script>
document.write( "Hello World!" );
document.write( "Have a nice day!" );
</script>
</pre>


<p>Note that writeln() add a new line after each statement:</p>

<pre>
<script>
document.writeln( "Hello World!" );
document.writeln( "Have a nice day!" );
</script>
</pre>

</body>
»それを自分で試してみてください

各ステートメントの後に改行して、HTML文書に直接テキストを書く(using <br>)

document.write("Hello World! <br>");
document.write("Have a nice day!");
»それを自分で試してみてください

<ドキュメントオブジェクト