Rumah >hujung hadapan web >tutorial js >Output asas JavaScript dan tutorial penulisan terbenam_Pengetahuan asas

Output asas JavaScript dan tutorial penulisan terbenam_Pengetahuan asas

WBOYasal: 2016-05-16 15:36:021231semak imbas

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>

Pernyataan JavaScript di atas (dalam teg 855348821b2e8f2cc4b633bf98f064df) 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>

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>

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>

Kenyataan：

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

Artikel sebelumnya：JS melaksanakan kod menu lipatan menegak kelabu perak dengan kesan stereoskopik 3DArtikel seterusnya：JS melaksanakan kod menu lipatan menegak kelabu perak dengan kesan stereoskopik 3D

Artikel berkaitan

Lihat lagi