แท็ก 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 แยกกัน:

html<script src="test.js"></script>

ตัวอย่าง

และนี่คือวิธีเขียนโค้ด JavaScript ลงในหน้า HTML โดยตรง:

html<script>
  let test = '123';
</script>

ดูเพิ่มเติม