Jak zamieszczać JavaScript w dokumencie HTML

Skrypty osadzone

    Skrypty JavaScriptjava mogą być umieszczane wewnątrz kodu (X)HMTL — mówimy wtedy o skryptach osadzonych. Umieszczenie skryptu w kodzie HTML polega na użyciu znacznika <script>, którego schematyczna postać jest następująca:

<script type=”typ”>

tutaj kod skryptu

</script>

  Parametr type jest obligatoryjny, o ile dokument ma być zgodny ze specyfikacją HTML 4 lub XHTML, i powinien wskazywać na język skryptu; w przypadku skryptów JavaScript powinien to być ciąg znaków:text/javascript:

<script type=”text/javascript”>

tutaj kod skryptu

</script>

   Co prawda większość dostępnych na rynku przeglądarek potrafi pracować w trybie zgodności z przestarzałymi standardami i zaakceptuje również znacznik <script> niezawierający tego argumentu, jednak nie należy takiej postaci stosować. Spotykane są również inne określenia typu skryptu, w tym application/javascript, text/ecmascript i application/ecmascript, które również są zazwyczaj poprawnie rozpoznawane przez przeglądarki. Z reguły jednak stosuje się określenie text/javascript.

  Należy też wspomnieć, że dawniej parametrem określającym język skryptu był language (np. language=”javascript”), nie występuje on jednak w ścisłej (strict) wersji standardu HTML 4, a także XHTML 1, i obecnie nie należy go stosować (z drugiej strony, trzeba pamiętać, że starsze przeglądarki, obsługujące standard HTML wcześniejszy niż 4.0, rozpoznają tylko parametr language, nie rozpoznają natomiast parametru type; obecnie jednak takie produkty na rynku raczej nie występują). W dalszej części kursu będzie stosowany obowiązujący standard, czyli parametr type.

  Znacznik <script> może również zawierać atrybuty charset i defer. Pierwszy określa sposób kodowania znaków w skrypcie. Najlepiej, aby był taki sam jak w przypadku kodowania strony. Polecane jest kodowanie UTF-8. Drugi atrybut informuje przeglądarkę, że skrypt nie modyfikuje treści strony. W standardzie HTML 4 atrybut defer nie musi mieć żadnej wartości. Ponieważ jednak w XHTML-u atrybut musi mieć wartość, najczęściej stosuje się rozwiązanie w postaci:

defer=”defer”

Znacznik <script> może więc przyjąć postać:

<script type=”text/javascript” charset=”utf-8″ defer=”defer”>

treść skryptu

</script>

Źródło:http://webmaster.helion.pl/index.php/kjs-podstawy/kjs-umieszczanie-skryptow-w-kodzie-html

Arkadiusz Odon