JavaScript ช่วยให้หน้าเพจ HTML มีความไดนามิกและโต้ตอบกับผู้ใช้ได้มากขึ้น เช่น การเปลี่ยนข้อความ สี รูปภาพ หรือการทำงานเมื่อผู้ใช้คลิกปุ่ม
เมื่อคลิกปุ่ม JavaScript จะเปลี่ยนข้อความใน
<p id="demo"> ให้แสดง วันที่และเวลาปัจจุบัน My First JavaScript
Tag HTML <script>
Element
<script> ใช้สำหรับใส่คำสั่งสคริปต์ (JavaScript) ภายในหน้า HTML หรือชี้ไปยังไฟล์สคริปต์ภายนอกผ่าน Attribute src การใช้งานทั่วไปของ JavaScript ได้แก่ จัดการรูปภาพ ตรวจสอบข้อมูลในฟอร์ม เปลี่ยนแปลงเนื้อหาแบบไดนามิก โดยทั่วไปจะเข้าถึงองค์ประกอบด้วย
document.getElementById()
ตัวอย่าง JavaScript นี้เขียนว่า “Hello JavaScript!” เป็นองค์ประกอบ HTML ที่มี
id="demo"
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
ความสามารถของ JavaScript
JavaScript สามารถเปลี่ยนเนื้อหา
document.getElementById("demo").innerHTML = "Hello JavaScript!";
JavaScript สามารถเปลี่ยน Style ได้
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
JavaScript สามารถเปลี่ยน attributes ได้
document.getElementById("image").src = "picture.gif";
Tag HTML <noscript>
<noscript> ใช้เพื่อแสดงข้อความสำรอง (Fallback Content) สำหรับผู้ใช้ที่ปิดการใช้งาน JavaScript หรือใช้เบราว์เซอร์ที่ไม่รองรับสคริปต์
<script>document.getElementById("demo").innerHTML = "Hello JavaScript!";</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Script Tags
| Tag | คำอธิบาย |
|---|---|
| <script> | กำหนด Script ฝั่ง Client |
| <noscript> | กำหนดเนื้อหาที่จะแสดงต่อผู้ใช้ที่ปิดใช้งาน Script ในเบราว์เซอร์ของตนหรือมีเบราว์เซอร์ที่ไม่สนับสนุน Script |