Output asas JavaScript dan tutorial penulisan terbenam_Pengetahuan asas

WBOY
Lepaskan: 2016-05-16 15:36:02
asal
1201 orang telah melayarinya

JavaScript tidak mempunyai sebarang fungsi pencetakan atau output.
Dalam HTML, JavaScript biasanya digunakan untuk memanipulasi elemen HTML.
Memanipulasi elemen HTML
Untuk mengakses elemen HTML daripada JavaScript, anda boleh menggunakan kaedah document.getElementById(id).
Sila gunakan atribut "id" untuk mengenal pasti elemen HTML dan innerHTML untuk mendapatkan atau memasukkan kandungan elemen:
Contoh

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

Salin selepas log masuk

Pernyataan JavaScript di atas (dalam teg ) boleh dilaksanakan dalam penyemak imbas web:

  • document.getElementById("demo") ialah kod JavaScript yang menggunakan atribut id untuk mencari elemen HTML.
  • innerHTML = "Perenggan ditukar." ialah kod JavaScript yang digunakan untuk mengubah suai kandungan HTML (innerHTML) elemen.

Tulis ke dokumen HTML
Untuk tujuan ujian, anda boleh menulis JavaScript terus dalam dokumen HTML:
Contoh

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

Salin selepas log masuk

Sila gunakan document.write() untuk menulis kandungan pada dokumen sahaja.
Jika document.write dilaksanakan selepas dokumen selesai dimuatkan, keseluruhan halaman HTML akan ditimpa.
Contoh

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
document.write(Date());
}
</script>

</body>
</html>

Salin selepas log masuk

Tulis untuk menghiburkan
Jika penyemak imbas anda menyokong penyahpepijatan, anda boleh menggunakan kaedah console.log() untuk memaparkan nilai JavaScript dalam penyemak imbas.
Gunakan F12 dalam penyemak imbas untuk mendayakan mod nyahpepijat, dan klik menu "Konsol" dalam tetingkap nyahpepijat.
Contoh

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan