jsで変数参照を設定して画面に表示する方法

JavaScript では、次の手順で変数を参照し、画面に出力できます。 1. 変数を宣言し、値を割り当てます。 2. console.log() を使用して、変数の値をコンソールに出力します。 3. document.write() を使用して、HTML 内の変数値を表示し、HTML に含めます。innerHTML 属性を使用して変数値を HTML 要素に割り当てます。

#JS で変数を参照して画面に表示する方法

JavaScript で変数を参照し、画面に表示する画面上に表示するには、次の手順を実行します。

1. 変数の宣言

まず、

var、let を使用します。 または const キーワードは変数を宣言し、それに値を割り当てます。

<code class="js">let message = "Hello, world!";</code>

2. 表示方法の選択

変数を画面に表示するには、主に 2 つの方法があります。

• # を使用します。 ##console.log()
これにより、ブラウザのコンソールに変数の値が表示されます。

<code class="js">console.log(message); // 输出：Hello, world!</code>

• document.write()
これにより、HTML ドキュメント内の変数の値が表示されます。

<code class="js">document.write(message); // 输出：Hello, world!</code>

3. HTML での表示

document.write()

を使用して変数を出力する場合は、それらが変数に含まれていることを確認する必要があります。 HTML ドキュメント 、ページ上の出力を確認します。 HTML で

タグを作成し、innerHTML 属性を使用して変数の値をそれに割り当てます。 <pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p id=&quot;message&quot;&gt;&lt;/p&gt; &lt;script&gt; document.getElementById(&quot;message&quot;).innerHTML = message; &lt;/script&gt;&lt;/code&gt;</pre>これにより、「Hello, world!」というメッセージを含む

タグがページに表示されます。

ヒント:

必要に応じて、別の変数参照および表示メソッドを使用します。

• コードを読みやすくするために、変数名には意味のある名前を使用する必要があります。
• 既存の HTML コンテンツを上書きする可能性があるため、
document.write()
• を使用する場合は注意してください。

以上がjsで変数参照を設定して画面に表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。