Bagaimana untuk menetapkan rujukan pembolehubah dalam js dan memaparkannya pada skrin

<p>Dalam JavaScript, pembolehubah boleh dirujuk dan dikeluarkan ke skrin melalui langkah berikut: 1. Isytiharkan pembolehubah dan tetapkan nilai 2. Gunakan console.log() untuk mengeluarkan nilai pembolehubah dalam konsol; .write() dalam HTML Paparkan nilai pembolehubah dan masukkannya dalam HTML, menggunakan atribut innerHTML untuk menetapkan nilai pembolehubah kepada elemen HTML.

<p>

<p>Cara merujuk pembolehubah dalam JS dan memaparkannya pada skrin

<p>Dalam JavaScript, merujuk pembolehubah dan memaparkannya pada skrin boleh dicapai dengan langkah-langkah berikut:

<p> 1 Declare Pertama sekali, gunakan kata kunci var, let atau const untuk mengisytiharkan pembolehubah dan memberikan nilai kepadanya.

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

<p>var、let 或 const 关键字声明一个变量，并为其赋值。

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

<p>2. 选择显示方式

<p>有两种主要的方法可用于在屏幕上显示变量：

• 使用 console.log()

<p>这可以在浏览器的控制台中显示变量的值。

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

• 使用 document.write()

<p>这将在 HTML 文档中显示变量的值。

<code class="html"><p id="message"></p>

<script>
  document.getElementById("message").innerHTML = message;
</script></code>

<p>3. 在 HTML 中显示

<p>使用 document.write() 输出变量时，需要确保将其包含在 HTML 文档中，才能在页面上看到输出。

<p>在 HTML 中创建一个 <p> 标签，并使用 innerHTML 属性将变量的值指定给它。

rrreee<p>这将导致在页面上显示带有消息 "Hello, world!" 的 <p> 标签。

<p>提示：

• 根据需要使用不同的变量引用和显示方法。
• 变量名应使用有意义的名称，以提高代码的可读性。
• 谨慎使用 document.write()2 Pilih kaedah paparan

🎜Terdapat dua kaedah utama untuk memaparkan pembolehubah pada skrin: 🎜

• 🎜Gunakan console.log()🎜🎜🎜 🎜Ini memaparkan nilai pembolehubah dalam konsol penyemak imbas. 🎜rrreee
  • 🎜Gunakan document.write()🎜🎜🎜🎜Ini akan memaparkan nilai pembolehubah dalam dokumen HTML. 🎜rrreee🎜🎜3 Paparan dalam HTML🎜🎜🎜Apabila menggunakan document.write() untuk mengeluarkan pembolehubah, anda perlu memastikan ia disertakan dalam dokumen HTML untuk melihat output pada halaman. . 🎜🎜Buat teg <p> dalam HTML dan tetapkan nilai pembolehubah kepadanya menggunakan atribut innerHTML. 🎜rrreee🎜Ini akan menyebabkan teg <p> dipaparkan pada halaman dengan mesej "Hello, dunia!" 🎜🎜🎜Petua: 🎜🎜
    • Gunakan kaedah rujukan dan paparan pembolehubah yang berbeza mengikut keperluan. 🎜
    • Nama pembolehubah harus menggunakan nama yang bermakna untuk meningkatkan kebolehbacaan kod. 🎜
    • Gunakan document.write() dengan berhati-hati kerana ia mungkin menimpa kandungan HTML sedia ada. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menetapkan rujukan pembolehubah dalam js dan memaparkannya pada skrin. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!