JavaScript ทำให้หน้าเว็บ HTML แบบไดนามิกมากขึ้นและการโต้ตอบ
ลองตัวเอง - ตัวอย่าง
แทรกสคริปต์
วิธีการแทรก JavaScript ลงในเอกสาร HTML
การใช้งานของ <noscript> แท็ก
วิธีการจัดการกับเบราว์เซอร์ที่ไม่สนับสนุนการเขียนสคริปต์หรือมีการปิดการใช้งานสคริปต์
ใช้ HTML <script> แท็ก
<script> แท็กใช้เพื่อกำหนดสคริปต์ (JavaScript)
<script> องค์ประกอบทั้งมีงบสคริปต์หรือชี้ไปยังไฟล์สคริปต์ภายนอกผ่าน src แอตทริบิวต์
การใช้งานทั่วไปสำหรับ JavaScript มีการจัดการภาพ, ตรวจสอบรูปแบบและการเปลี่ยนแปลงแบบไดนามิกของเนื้อหา
สคริปต์ด้านล่างเขียนสวัสดี JavaScript! เป็นองค์ประกอบ HTML กับ id="demo" :
ตัวอย่าง
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> ลองตัวเอง» เรียนรู้เกี่ยวกับ JavaScript, เยี่ยมชม การสอน JavaScript !
ใช้ HTML <noscript> แท็ก
<noscript> แท็กจะใช้เพื่อให้เนื้อหาทางเลือกสำหรับผู้ใช้ที่มีสคริปปิดใช้งานในเบราว์เซอร์ของพวกเขาหรือมีเบราว์เซอร์ที่ไม่สนับสนุนการเขียนสคริปต์ฝั่งไคลเอ็นต์
<noscript> องค์ประกอบสามารถมีองค์ประกอบทั้งหมดที่คุณสามารถหาได้ภายใน <body> องค์ประกอบของหน้าเว็บ HTML ปกติ
เนื้อหาภายใน <noscript> องค์ประกอบที่จะแสดงเฉพาะถ้าสคริปต์ไม่สนับสนุนหรือถูกปิดใช้งานในเบราว์เซอร์ของผู้ใช้:
ตัวอย่าง
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript> ลองตัวเอง» รสชาติของ JavaScript (From Our JavaScript Tutorial)
นี่คือตัวอย่างของสิ่งที่ JavaScript สามารถทำคือ:
JavaScript สามารถเปลี่ยนเนื้อหา HTML:
document.getElementById("demo").innerHTML = "Hello JavaScript!"; ลองตัวเอง» JavaScript สามารถเปลี่ยนรูปแบบ HTML:
document.getElementById("demo").style.fontSize = "25px"; ลองตัวเอง» JavaScript สามารถเปลี่ยน HTML คุณสมบัติ
document.getElementById("image").src = "picture.gif"; ลองตัวเอง» HTML สคริปต์แท็ก
| แท็ก | ลักษณะ |
|---|---|
| <script> | กำหนดสคริปต์ฝั่งไคลเอ็นต์ |
| <noscript> | กำหนดเนื้อหาสำรองสำหรับผู้ใช้ที่ไม่สนับสนุนสคริปต์ฝั่งไคลเอ็นต์ |
ทดสอบตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»