ການສົ່ງອອກ JavaScript

JavaScript ບໍ່ໃຫ້ພາກສ່ວນທຳມະດາຂອງການບັນທຶກຫລືການສະແດງຂໍ້ມູນ.

ວິທີການສະແດງ JavaScript

JavaScript ສາມາດ "ສະແດງ" ຂໍ້ມູນໃຫ້ຫລາຍວິທີທີ່ຕ່າງກັນ:

  • ຂຽນໄປໃນ window.alert() ຂຽນໄປໃນການຕອບເຕືອນ
  • ຂຽນໄປໃນ document.write() ຂຽນໄປໃນການສະແດງຂໍ້ມູນ
  • ຂຽນໄປໃນ innerHTML ປະກອບສັນຍາ HTML
  • ຂຽນໄປໃນ console.log(); ຂຽນໄປໃນການຄຳຄວາມຂອງການຄົ້ນຫາຄອມພິວເຕີ້

innerHTML

ສຳລັບການເຂົ້າຫາປະກອບສັນຍາ HTML, JavaScript ສາມາດໃຊ້: document.getElementById(id) ວິທີການ.

id ປະສົມຄວາມແມ່ນການກຳນົດຂອງປະກອບສັນຍາ HTML. ປະສົມຄວາມ innerHTML ກຳນົດຂໍ້ມູນ HTML:

ຄວາມຄິດວິທະຍາ

<!DOCTYPE html>
<html>
<body>
<h1>ຂ້ອຍເປັນຂອງຂ້ອຍຄັ້ງທຳອິດ</h1>
<p>ວັດສະນະທີ່ຂອງຂ້ອຍຄັ້ງທຳອິດ</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

ທ້າທາຍສະແດງ

ຄໍາແນະນຳ:ການປ່ຽນປະສົມຄວາມ innerHTML ຂອງປະກອບສັນຍາ HTML ແມ່ນວິທີທີ່ໃຊ້ຫລາຍທີ່ສຸດໃນການສະແດງຂໍ້ມູນໃນ HTML。

document.write()

ໃນເປົ້າຫນັງການກວດສອບ, ເຈົ້າສາມາດນໍາໃຊ້ document.write() ມັນຈະມີຄວາມສະບາຍຫຼາຍຫລາຍ:

ຄວາມຄິດວິທະຍາ

<!DOCTYPE html>
<html>
<body>
<h1>ຂ້ອຍເປັນຂອງຂ້ອຍຄັ້ງທຳອິດ</h1>
<p>ວັດສະນະທີ່ຂອງຂ້ອຍຄັ້ງທຳອິດ</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

ທ້າທາຍສະແດງ

ຄໍາເຕືອນ:ໃນການເປັນອຳນາດທີ່ໄດ້ຮັບຈາກການເຕີບໃຫຍ່ຢ່າງເຕັມສົມບູນຂອງ HTML ຂັ້ນຕົວ. document.write() ຕິດຕໍ່ກຳນົດຂອງ HTML :

ຄວາມຄິດວິທະຍາ

<!DOCTYPE html>
<html>
<body>
<h1>ຂ້ອຍເປັນຂອງຂ້ອຍຄັ້ງທຳອິດ</h1>
<p>ວັດສະນະທີ່ຂອງຂ້ອຍຄັ້ງທຳອິດ</p>
<button onclick="document.write(5 + 6)">ທ້າທາຍ</button>
</body>
</html>

ທ້າທາຍສະແດງ

ຄໍາແນະນຳ:document.write() ການໃຊ້ກົນລະຍຸດນີ້ພຽງແຕ່ສຳລັບການກວດສອບ.

window.alert()

ທ່ານສາມາດນໍາໃຊ້ການສະໜອງຕົວເລື່ອງທີ່ສະແດງຂໍ້ມູນ:

ຄວາມຄິດວິທະຍາ

<!DOCTYPE html>
<html>
<body>
<h1>ຂ້ອຍເປັນຂອງຂ້ອຍຄັ້ງທຳອິດ</h1>
<p>ວັດສະນະທີ່ຂອງຂ້ອຍຄັ້ງທຳອິດ</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

ທ້າທາຍສະແດງ

console.log()

ໃນການສະແດງ, ເຈົ້າສາມາດນໍາໃຊ້ console.log(); ການສະແດງຂໍ້ມູນ

ການສະແດງການກວດສອບຄະນະກຳມະການສະແດງຂອງການກວດສອບ, ແລະໃຫ້ເລືອກໃນອຸປະກອນຄະນະກຳມະການ 'ການກວດສອບ'.

ຄວາມຄິດວິທະຍາ

<!DOCTYPE html>
<html>
<body>
<h1>ຂ້ອຍເປັນຂອງຂ້ອຍຄັ້ງທຳອິດ</h1>
<p>ວັດສະນະທີ່ຂອງຂ້ອຍຄັ້ງທຳອິດ</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

ທ້າທາຍສະແດງ