Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah keluaran halaman html5?

Apakah kaedah keluaran halaman html5?

青灯夜游
青灯夜游asal
2022-01-23 17:15:283711semak imbas

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>

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>

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>

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>

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!

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