Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kaedah keluaran halaman html5?

Apakah kaedah keluaran halaman html5?

青灯夜游
Lepaskan: 2022-01-23 17:15:28
asal
3737 orang telah melayarinya

Kaedah keluaran halaman ialah: 1. Gunakan pernyataan "window.alert('content');" untuk muncul kotak amaran; untuk memasukkan elemen baharu ke dalam kandungan yang ditentukan; 3. Gunakan pernyataan "docuemnt.write("content") untuk menulis kandungan baharu ke dalam dokumen HTML.

Apakah kaedah keluaran halaman html5?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Kaedah output halaman HTML5

  • Gunakan window.alert() untuk muncul kotak amaran

  • Gunakan kaedah document.write() untuk menulis kandungan ke dalam dokumen html

  • 使用元素对象.innerHtml="需要写入的值"; Tulis ke elemen HTML

1. Gunakan window.alert()

<script>
window.alert(&#39;警告框&#39;);
</script>
Salin selepas log masuk

2. Manipulasi elemen HTML

Jika anda memerlukan JavaScript untuk mengakses HTML elemen, anda boleh menggunakan kaedah document .getElementById(id)

Sila gunakan atribut id untuk mengenal pasti elemen HTML dan innerHTml untuk mendapatkan atau memasukkan kandungan elemen:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>
Salin selepas log masuk

document.getElementById("demo") ialah menggunakan atribut id untuk mencari kod JavaScript elemen HTML. Kaedah ini ditakrifkan dalam DOM HTML.
innerHTML = "Paragraph changed." ialah kod JavaScript yang digunakan untuk mengubah suai kandungan HTML (innerHTML) elemen.

3. Tulis ke dokumen HTML

Gunakan kaedah document.write() untuk menulis kandungan ke dalam kandungan HTML atau Tag html ditulis ke dalam dokumen html

<script>
docuemnt.write(Date());//Date()输出中国标准时间
</script>
Salin selepas log masuk

Nota: Jika document.write() dilaksanakan selepas dokumen selesai dimuatkan, ia akan meliputi keseluruhan halaman HTML

<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>
Salin selepas log masuk

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah kaedah keluaran halaman html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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