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, chẳng hạn như trong ví dụ về phần tử neo.
Tuy nhiên, đôi khi giá trị (hành vi) được tích hợp vào tên thuộc tính.
Ví dụ:defer thuộc tính mà chúng tôi sử dụng để sửa đổi HTML <script> phần tử:
<script defer src="app.js"></script>
Lưu ý rằng defer thuộc tính không có toán tử gán (= ) hoặc giá trị vì hành vi của nó được tích hợp sẵn.
defer là cái gọi là boolean thuộc tính. Boolean được sử dụng cho một loại dữ liệu chỉ có thể có hai giá trị, true hoặc sai (hoặc bật / tắt ).
Hãy cùng xem xét kỹ hơn defer thuộc tính.
<script> này phần tử, không có defer , sẽ thực thi src của nó Mã JavaScript từ app.js giá trị ngay sau khi trình duyệt đã tải nó:
<script src="app.js"></script>Theo mặc định, các tài liệu HTML được phân tích cú pháp (đọc) từ trên xuống dưới, từng dòng một. Điều này có nghĩa là nếu bạn đặt bất kỳ JavaScript nào ở đầu tài liệu của mình, nó sẽ thực thi trước phần còn lại của tài liệu của bạn đã được phân tích cú pháp xong.
Đó là mặc định hành vi của phần tử script.
Nhưng khi bạn thêm defer tới <script> phần tử bạn vô hiệu hóa hành vi mặc định đó:
<script defer src="app.js"></script>Bây giờ, mã JavaScript sẽ không thực thi cho đến khi toàn bộ trang được tải xong.
Theo nghĩa đen, trì hoãn có nghĩa là tạm dừng / hoãn lại / chờ đợi.
Đánh chết con ngựa:
- Không có
defer, JavaScript thực thi ngay khi được tải. - Với
deferJavaScript chờ thực thi cho đến khi toàn bộ trang HTML được tải.
Nếu các thuộc tính khiến bạn bối rối, đừng lo lắng, điều đó luôn có ý nghĩa gấp 10 lần khi bạn bắt đầu sử dụng chúng trong thực tế.