HTML JavaScript
JavaScript ทำให้หน้า HTML มีไดนามิกและโต้ตอบมากขึ้น
ตัวอย่าง
My First JavaScript
HTML <script> แท็ก
แท็ก HTML <script>
ใช้เพื่อกำหนดสคริปต์ฝั่งไคลเอ็นต์ (JavaScript)
อิ ลิ<script>
เมนต์ประกอบด้วยคำสั่งสคริปต์ หรือชี้ไปที่ไฟล์สคริปต์ภายนอกผ่านsrc
แอททริบิวต์
การใช้งานทั่วไปสำหรับ JavaScript คือการจัดการรูปภาพ การตรวจสอบแบบฟอร์ม และการเปลี่ยนแปลงเนื้อหาแบบไดนามิก
ในการเลือกองค์ประกอบ HTML JavaScript มักใช้
document.getElementById()
วิธีนี้
ตัวอย่าง JavaScript นี้เขียนว่า "สวัสดี JavaScript!" เป็นองค์ประกอบ HTML ที่มี id="demo":
ตัวอย่าง
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
เคล็ดลับ:คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ JavaScript ได้ใน บทช่วย สอน JavaScriptของ เรา
รสชาติของ JavaScript
นี่คือตัวอย่างบางส่วนของสิ่งที่จาวาสคริปต์สามารถทำได้:
ตัวอย่าง
JavaScript สามารถเปลี่ยนเนื้อหา:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
ตัวอย่าง
JavaScript สามารถเปลี่ยนรูปแบบได้:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
ตัวอย่าง
JavaScript สามารถเปลี่ยนแอตทริบิวต์:
document.getElementById("image").src = "picture.gif";
HTML <noscript> แท็ก
แท็ก HTML <noscript>
กำหนดเนื้อหาสำรองที่จะแสดงต่อผู้ใช้ที่ปิดใช้งานสคริปต์ในเบราว์เซอร์ หรือมีเบราว์เซอร์ที่ไม่สนับสนุนสคริปต์:
ตัวอย่าง
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
แบบฝึกหัด HTML
แท็กสคริปต์ HTML
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
สำหรับรายการแท็ก HTML ทั้งหมดที่มีอยู่ โปรดไปที่การอ้างอิงแท็ก HTMLของ เรา