Trong HTML, một thuộc tính thường bao gồm tên thuộc tính và giá trị thuộc tính, như ví dụ phần tử anchor.
Tuy nhiên, đôi khi giá trị (hành vi) được tích hợp sẵn trong tên thuộc tính.
Ví dụ, thuộc tính defer dùng để sửa đổi phần tử <script> HTML:
<script defer src="app.js"></script>Chú ý defer không có toán tử gán (=) hay giá trị vì hành vi tích hợp sẵn.
defer là thuộc tính boolean (logic). Boolean dùng cho kiểu dữ liệu chỉ có hai giá trị, true hoặc false (hoặc enable/disable).
Hãy xem kỹ thuộc tính defer.
Phần tử <script> này, không có defer, sẽ thực thi code JavaScript từ giá trị src là app.js ngay khi trình duyệt tải xong:
<script src="app.js"></script>Mặc định, tài liệu HTML được phân tích (đọc) từ trên xuống, từng dòng. Nghĩa là nếu đặt JavaScript ở đầu tài liệu, nó thực thi trước khi phần còn lại phân tích xong.
Đó là hành vi mặc định của phần tử script.
Nhưng khi thêm defer vào <script>, bạn vô hiệu hóa hành vi mặc định:
<script defer src="app.js"></script>Bây giờ, code JavaScript không thực thi cho đến khi toàn bộ trang tải xong.
Về nghĩa đen, defer có nghĩa là trì hoãn/đ trì/đợi.
Để rõ ràng:
- Không có
defer, JavaScript thực thi ngay khi tải xong. - Có
defer, JavaScript đợi thực thi cho đến khi toàn bộ trang HTML tải xong.
Nếu thuộc tính khiến bạn bối rối, đừng lo, luôn hiểu rõ gấp 10 lần khi bắt đầu thực hành.