Skocz do zawartości

Jak napisać swój pierwszy skrypt

Curser

Przez Curser
w Kosz

 Udostępnij

Rekomendowane odpowiedzi

Curser

Curser 8

Opublikowano
Opublikowano (edytowane)

Do umieszczenia skryptów na stronie służy znacznik <script>:

<html>

<head>

                <title>Super skrypt</title>

</head>

<body>

<script>

             ...instrukcje skryptu

</script>

</body>

<html>

 

Ogólnie rzecz biorąc powinniśmy unikać wstawiania skryptów bezpośrednio w kod strony, zastępując je skryptami umieszczonymi w dołączanych plikach. Nie jest to zasada, której pominięcie zniszczy nam życie. Zobacz chociażby skrypty Google Analitics, czy skrypty dla Facebooka. Wstawia się je do kodu html i nikt z tego afery nie robi.

Wyobraź sobie jednak, że tak jak w tym kursie chcesz za pomocą JS obsłużyć menu.
Gdybyś wstawiał ten skrypt w kod każdej strony z osobna, trochę by ci zajęło. Gorzej, gdy za jakiś ktoś ci wyśle maila, że masz w tym skrypcie literówkę. Musiałbyś na nowo przeglądać kod wszystkich podstron, poprawiać, dłubać. Tylko po co?
Gdy dołączasz skrypt z pliku, wszystko masz w jednym miejscu. Poprawiasz literówkę i wszędzie jest poprawione. Co więcej, od razu wiadomo w jakim miejscu ten skrypt jest - co nie zawsze jest wiadome, gdy kawałki skryptów są rozrzucone po bardzo długich HTML

Aby przyłączyć plik ze skryptami do naszej strony powinniśmy zastosować dodatkowy atrybut src:

<script src="plik_ze_skryptem.js"></script>

Skrypty możesz wrzucać w różne miejsca na stronie. Najlepszymi miejscami do umieszczania skryptów są sekcja HEAD i koniec sekcji BODY:

<!DOCTYPE html>

<html>

           <head>

<title>przykładowy tytuł</title>

<script src="modernizr.js"></script>

<script src="jquery.js"></script>

</head>

<body>

         ..treść strony...

<script src="super-script.js"></script>

<script>

          alert('Witaj świecie');

         </script>

   </body>

</html>

 

Wybór miejsca wiąże się z dwiema kwestiami.
Pierwsza z nich tyczy się zasady, która mówi o tym, by użytkownik dostawał w pierwszej chwili treść strony. Cała interakcja (JS), dodatki itp powinna być wysyłana w drugiej kolejności.
Ale to drobnostka, o której na początku możemy zapomnieć.
Ta "bardziej ważna" sprawa tyczy się samych skryptów. Bardzo często będziesz chciał w nich działać na konkretnych elementach strony. Przykładowo zapragniesz pokazać przycisk, ukryć formularz, pokazać użytkownikowi jakieś okienko itp. Jeżeli twój skrypt zostanie wczytany przed takim elementem (czyli w kodzie HTML będzie się znajdował przed takim elementem HTML), a nie posiada żadnych metod do wykrywania czy cała strona została już wczytana, to dostaniesz błąd wynikający z tego, że skrypt ten nie widzi elementu. Póki co jednak najbezpieczniej będzie, gdy swoje skrypty lub odwołania do plików z JS będziesz umieszczał na końcu strony.
 

Edytowane przez Curser
Zamknięcie tagu <html> w 1 linijce
Odnośnik do komentarza
https://skript.pl/temat/23552-jak-napisa%C4%87-sw%C3%B3j-pierwszy-skrypt/
Udostępnij na innych stronach
boleknowak

boleknowak 961

Opublikowano
Opublikowano

ten opis wygląda jakbyś przepisał to co mówili w Pasja Informatyki; w pierwszym przykładzie nie zamknąłeś tagu html. Sugeruje nie robić takich poradników :)

Odnośnik do komentarza
https://skript.pl/temat/23552-jak-napisa%C4%87-sw%C3%B3j-pierwszy-skrypt/#findComment-159937
Udostępnij na innych stronach
ByczekTV

ByczekTV 95

Opublikowano
Opublikowano
Dnia 13.12.2017 o 18:26, boleknowak napisał:

ten opis wygląda jakbyś przepisał to co mówili w Pasja Informatyki; w pierwszym przykładzie nie zamknąłeś tagu html. Sugeruje nie robić takich poradników :)

:bezkappy:

Mi to osobiście wygląda na jakieś kopiuj-wklej lub właśnie tak jak powiedział @boleknowak.

Ani ładu, ani składu, żadnego słowa wprowadzenia, od razu jedziesz z tematem, kody mógłbyś dać w 

 ...
Odnośnik do komentarza
https://skript.pl/temat/23552-jak-napisa%C4%87-sw%C3%B3j-pierwszy-skrypt/#findComment-160016
Udostępnij na innych stronach
Nieaktywny
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...