js document.write()の使い方紹介_JavaScriptスキル

ページのロード後、ブラウザの出力ストリームは自動的に閉じられ、その後、現在のページで動作する document.write() メソッドによって新しい出力ストリームが開きます。現在のページのコンテンツ (ソース ドキュメントの変数や値を含む) がクリアされます。現在のページをスクリプトによって生成された HTML に置き換える場合は、HTML コンテンツを連結して変数に割り当て、document.write() メソッドを使用して書き込み操作を完了する必要があります。ドキュメントをクリアする必要はありません。新しいデータ ストリームを開きます。 document.write() ) を呼び出して、すべての操作を完了できます。

document.write() メソッドに関してもう 1 つ注意すべき点は、関連メソッド document.close() です。スクリプトがウィンドウ (このウィンドウであっても別のウィンドウであっても) へのコンテンツの書き込みが完了した後。出力ストリームは閉じられている必要があります。遅延スクリプトの最後の document.write() メソッドの後。 document.close() メソッドが含まれていることを確認する必要があります。含まれていないと、画像やフォームが表示されません。また、後続の document.write() メソッドの呼び出しでは、コンテンツがページに追加されるだけで、新しい値を書き込むために既存のコンテンツがクリアされることはありません。

document.write メソッド

最も基本的な JavaScript コマンドの 1 つは document.write です。このコマンドは、指定されたテキスト コンテンツをページに印刷するだけです。テキストをそのまま出力するには、出力されるテキスト文字列を一重引用符で囲みます。

コードをコピー コードは次のとおりです。

document.write('Hello World!' );

上記の js コードはページに「Hello World!」を表示します。
document.write を使用して変数を出力できます。次のように、変数名を引用符なしで入力します:

コードをコピー コードは次のとおりです。

var mytext = "Hello again";
ドキュメント .write(mytext);

注: 変数名が引用符で囲まれている場合、変数名が出力されます (変数値は出力されません)。 「 」記号を使用して、変数値とテキスト文字列を連結できます。

コードをコピーします コードは次のとおりです。

var color1 = "purple"; >var color2 = "ピンク";
document.write('

colour1: ' colour1 '
colour2: ' colour2 '

'); >
印刷結果は次のようになります:

カラー 1: パープル カラー 2: ピンク

document.write は主に JS 広告を読み込むためにも使用されます

コードをコピー

コードは次のとおりです。document.write('' 'script>');document.write("" "cript>");

document.write("" "cript>");

通常、外側の文字を繋ぐ場合はシングルクォーテーション（ダブルクォーテーション）、内側ではダブルシグナル（シングルクォーテーション）を使用するので間違いがありません。もちろん、エスケープ文字を使用することもできますが、後で変更するのがより面倒になります。

document.write にロードされた js は非同期です

コードをコピー

コードは次のとおりです: