Ostatnio edytowany:

async

Autor: Virtual Patriot

Przeznaczenie atrybutu async

Za pomocą atrybutu async możemy określić czy w momencie pobierania przez przeglądarkę internetową do swojej pamięci podręcznej skryptu reprezentowanego przez interesujący nas element HTML jeden z mechanizmów wspomnianej przeglądarki internetowej ma kontynuować przetwarzanie kodu znajdującego się po wspomnianym elemencie HTML, a następnie gdy wspomniany proces pobierania skryptu zakończy się, skrypt ten ma zostać natychmiast uaktywniony, nawet gdy przetwarzanie kodu danego dokumentu HTML nie zakończyło się jeszcze w całości.

Elementy HTML dla atrybutu async

  1. script

Przykład atrybutu async

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <script src="http://webkod.pl/files/html/async-01.js" async>
      //var zmienna = 88;
      //console.log(zmienna);
    </script>

    <p>
      Przykładowa treść dokumentu HTML.
    </p>

  </body>
</html>

Rezultat

Przykładowa treść dokumentu HTML.

W czasie pobierania do pamięci podręcznej przeglądarki internetowej skryptu języka JavaScript reprezentowanego przez przykładowy element "script" przetwarzanie kodu znajdującego się po wspomnianym elemencie "script" nie zostało wstrzymane przez jeden z mechanizmów wspomnianej przeglądarki internetowej, ponieważ do wspomnianego elementu "script" został dodany atrybut "async".

Interpretacja atrybutu async

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 10

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu .