แท็ก script
แท็ก script เชื่อมต่อ JavaScript
กับหน้า HTML (และไม่บ่อยนัก, สคริปต์อื่นๆ ด้วย)
คุณสามารถเชื่อมต่อไฟล์ JavaScript แยกต่างหาก (ในกรณีนี้ต้องระบุแอตทริบิวต์
src) หรือเขียน JavaScript
ลงในหน้า HTML โดยตรง ในทางปฏิบัติ script
ทำตัวเหมือนกับแท็ก link
และแท็ก style
พร้อมกัน แต่ไม่ใช่สำหรับ CSS, เป็นสำหรับ JavaScript
แท็กนี้ควรวางอยู่ภายในแท็ก
head,
แต่ไม่จำเป็น - แท็ก script
สามารถวางภายในแท็ก body
ได้และจะทำงานปกติ
แอตทริบิวต์และคุณสมบัติ
| แอตทริบิวต์/คุณสมบัติ | คำอธิบาย |
|---|---|
src |
เส้นทางไปยังไฟล์ที่ต้องการเชื่อมต่อ |
type |
ประเภทข้อมูลของไฟล์ที่เชื่อมต่อ สำหรับ JavaScript ควรใช้ text/javascript
ใน HTML5 ไม่จำเป็นต้องระบุ
|
language |
กำหนดภาษาของสคริปต์ แอตทริบิวต์นี้ไม่แนะนำให้ใช้อีกต่อไป และควรใช้แอตทริบิวต์ type แทน |
defer |
แอตทริบิวต์ defer เลื่อนการทำงานของสคริปต์ออกไป จนกว่าทั้งหน้าจะโหลดเสร็จสมบูรณ์
|
ตัวอย่าง
มาเชื่อมต่อไฟล์ JavaScript แยกกัน:
<script src="test.js"></script>
ตัวอย่าง
และนี่คือวิธีเขียนโค้ด JavaScript ลงในหน้า HTML โดยตรง:
<script>
let test = '123';
</script>
ดูเพิ่มเติม
-
บทเรียน พื้นฐานการทำงานกับ DOM,
ซึ่งแสดงตัวเลือกการใช้งานแท็ก script