コードのデバッグとテストのプロセスでは、このメソッドを使用してコンソールまたは Web ページにプレーン テキストを表示し、プログラムの特定の部分が実行されていることを確認します。 JavaScript は HTML DOM を提供します。 document.writeln ()」メソッドを使用してこのタスクを実行します。
このブログでは、 document.writeln() メソッドを使用して HTML ドキュメントに書き込む手順を説明します。
Document writeln() メソッドを使用して HTML DOM に書き込む方法
” document.writeln ()」メソッドは、「<」に沿って使用すると、Web ページ上にテキストを印刷します。 前 >」タグを使用すると、テキストは毎回新しい行に出力されます。
構文
document.writeln() JavaScript メソッドの構文を以下に示します。
書類。 書く ( 価値 ）
「値」は、Web ページに直接追加される変数文字列またはプレーン テキストにすることができます。カンマで区切って複数の値を渡すこともできます。
実際に実装してみましょう。
例 1: 複数の値を動的に挿入する
この例では、ユーザーがボタンを操作すると、プレーン テキスト形式の複数の値が Web ページ上に表示されます。
< 中心 >
< h1 スタイル = 「色: カデットブルー;」 > Linux h1 >
< ボタンオンクリック = '入れる（）' > ボタン >
中心 >
< 脚本 >
関数 インサータ ( ） {
書類。 書く ( 「これは初期部分です」 、 「最終パートです」 ） ;
}
脚本 >
上記のコードの説明は次のようになります。
- まず、「」を使用したボタンを作成します。 オンドブルクリック ” イベントリスナーを呼び出して、” インサータ （）' 関数。
- 次に、「 document.writeln プレーンテキスト形式で 2 つの値を持つ「()」メソッドが「」内で使用されています。 インサータ （）' 関数。これにより、ユーザーがボタンをダブルクリックすると、Web ページ上に提供されたテキストが表示されます。
コンパイル後に生成される出力は次のようになります。
上記の出力は、提供されたデータが Web ページ上に印刷されたことを確認します。
例 2: タグに沿ったドキュメントの writeln() メソッドの使用
この例では、「< 前 >” タグは、” 内で渡される値の周囲で使用されます。 document.writeln （）' 方法。各値を改行して表示します。コードを以下に示します。
< 脚本 >書類。 書く ( 「
これは初期部分です」） ; 書類。 書く ( 「最終パートです」 ） ;
脚本 >
上記のコード行では、両方の「」によって表示される値は、 書く ()」メソッドは単一の「<」でラップされます。 前 >」タグを使用して、別々の改行で表示されるようにします。
上記のコード行の出力は次のようになります。
出力は、Web ページ上に表示されるときに各値が新しい行に表示されることを示しています。
結論
HTML DOM 」 ドキュメント writeln() 」メソッドは基本的に Web ページ上にテキストを挿入するために使用され、テキストは括弧内に渡され、複数の場合はテキストがカンマで区切られます。このメソッドは、テキストが「<」で囲まれている場合に新しい行に表示します。 前 >」タグ。このブログでは、 document.writeln() メソッドについてうまく説明しました。