Și nu uitați de codificare este mai bine să instalați în utf-8.
Acum, partea distractivă este să conectăm acest fișier la html-page index.html:
Scripturi asincrone: defer / async
Când browserul încarcă și afișează o pagină web, se încarcă treptat. Acest lucru se poate observa când conexiunea este lentă, când o parte a paginii este încărcată, iar restul nu este acolo.
Și dacă browserul întâlnește o etichetă
Поддерживается всеми браузерами, включая самые старые IE. Сценарий выполняется асинхронно,но имеются 2 отличия от async.
Первое – браузер будет загружать скрипты по порядку, а в случае с async, кто первым загрузится тот и загрузится.
Вот в примере (с async) первым выполнится, тот скрипт который раньше загрузится:
А в вот в коде (с defer) первым выполнится всегда one.js, а вот скрипт second.js, даже если загрузился раньше, будет его ждать.
Поэтому атрибут defer следует использовать только в тех случаях, когда второй скрипт second.js будет зависит от первого first.js, например – использует модуль, описанный первым скриптом.
Ну и второе отличие – скрипт с defer выполнится, когда вся веб-страница будет обработана браузером.
Например, если документ достаточно большой…
…То скрипт async.js выполнится, как только загрузится – возможно, до того, как весь документ готов. А вот defer.js будет ждать готовности всего документа.
Это удобно если нужно работать с элементами веб-страницы.
async вместе с defer
Если вы одновременно укажете и async и defer в браузерах будет использован только async, а вот в браузере IE9- – defer (async не воспринимает).
Атрибуты async/defer – только для внешних скриптов
Атрибуты async/defer работают только если подключаются внешние скрипты, т.е. имеющие src.
При попытке назначить на , vor fi ignorate.
Același exemplu cu asincronă:
Când porniți veți vedea că întreaga pagină este încărcată imediat, dar alerta din afara script-ul va apărea mai târziu, atunci când este încărcat script-ul.
Privind înainte
Și pentru a păstra ordinea de execuție și de a adăuga unele script-uri, care vor fi executate una după alta, este necesar să se utilizeze script.async proprietate = false.
Se pare ca aceasta:
- Scripturile pot fi inserate în pagină utilizând eticheta
Trimiteți-le prietenilor: