ใน HTML แอตทริบิวต์ โดยปกติ ประกอบด้วยชื่อแอตทริบิวต์และค่าแอตทริบิวต์ เช่น ในตัวอย่างองค์ประกอบจุดยึด
อย่างไรก็ตาม บางครั้ง ค่า (พฤติกรรม) มีอยู่ในชื่อแอตทริบิวต์
ตัวอย่างเช่น เลื่อน
แอตทริบิวต์ที่เราใช้ในการแก้ไข HTML องค์ประกอบ:
<script defer src="app.js"></script>
สังเกตว่า เลื่อน
แอตทริบิวต์ไม่มีตัวดำเนินการมอบหมาย (=
) หรือค่าเพราะพฤติกรรมของมันอยู่ในตัว
เลื่อน
เป็นสิ่งที่เรียกว่า บูลีน คุณลักษณะ. บูลีนใช้สำหรับข้อมูลประเภทหนึ่งที่มีได้เพียงสองค่าเท่านั้น จริง หรือ เท็จ (หรือ เปิด/ปิด )
มาดูเลื่อน
.กันดีกว่า แอตทริบิวต์
นี้
องค์ประกอบ ไม่มี
เลื่อน
แอตทริบิวต์จะดำเนินการ src
โค้ด JavaScript จาก app.js
ค่าทันทีที่เบราว์เซอร์โหลด:
<script src="app.js"></script>
ตามค่าเริ่มต้น เอกสาร HTML จะถูกแยกวิเคราะห์ (อ่าน) จากบนลงล่าง ทีละบรรทัด ซึ่งหมายความว่าหากคุณใส่ JavaScript ที่ด้านบนสุดของเอกสาร JavaScript จะทำงาน ก่อน ส่วนที่เหลือของเอกสารของคุณแยกวิเคราะห์เสร็จแล้ว
นั่นคือ ค่าเริ่มต้น ลักษณะการทำงานขององค์ประกอบสคริปต์
แต่เมื่อคุณเพิ่ม defer
ไปที่ องค์ประกอบที่คุณปิดการใช้งานการทำงานเริ่มต้นนั้น:
<script defer src="app.js"></script>
ตอนนี้โค้ด JavaScript จะไม่ทำงานจนกว่าทั้งหน้าจะโหลดเสร็จ
ในความหมายที่แท้จริง เลื่อน หมายถึงเลื่อน/เลื่อน/รอ
ที่จะเอาชนะม้าที่ตายแล้ว:
- ไม่มี
เลื่อน
, JavaScript ทำงานทันทีที่โหลด - ด้วย
เลื่อน
JavaScript รอดำเนินการจนกว่าจะโหลดหน้า HTML ทั้งหมด
หากแอตทริบิวต์ทำให้คุณสับสน ไม่ต้องกังวล เพราะเมื่อคุณเริ่มใช้จริงแล้วจะมีประโยชน์มากขึ้น 10 เท่า