: Home / HTML / CSS / kurs HTML / JS w osobnym pliku

Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-html/230-js-html-osobny-plik.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
JS w osobnym pliku
Ocena użytkowników: / 1
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
środa, 11 listopada 2009 16:45

Podobnie jak w przypadku stylów CSS warto czasem zastanowić się nad tym, aby kod JS pogrupować w odpowiednie pliki i zamisat za każdym razem wklejać calość bezpośrednio w kod strony - jedynie załączać odpowiedni skrypt.

W jaki sposób to zrobić? Oto kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

    <title>Przykład</title>

    <meta http-equiv="content-type" content="text/html;charset=utf-8">

    <script type="text/javascript" src="/skrypt.js"></script>

</head>

<body>

    <p>Przykładowa strona</p>

</body>

</html>

i kod w pliku skrypt.js:

alert('To działa');

Ale za chwilę stwierdzisz, żę JS to jakiś lamerski język posiadający tylko jedną funkcję - alert :P.

Troszkę utrudnię kod z powyższego pliku, jako że lubię JS i uważam, że warto (także ze względów finansowych) polubić ten język.

function init() {

    alert('To działa'); 

}

window.onload = init;

Krótki opis: przypisałem do zdarzenia onload (na wczytanie się strony) funkcję init() [podczas przypisywania nie przez przypadek nie ma nawiadów - tak ma być. Przypisuje się referencję na funkcję, a nie wynik. Więcej możesz przeczytać w tym artykule o tworzeniu funkcji]. W funkcji init() nadal używam "najważniejszej" funkcji JS:P

Taki plik jak `skrypt.js' możesz załadaować na setkach stron. Zmiany w jednym miejscu będą się odzwierciedlać wszędzie - oszczędność czasu i miejsca.

Tags:

Zobacz podobne artykuły

< Poprzednia   Następna >
 

Dodaj komentarz


Kod antysapmowy
Odśwież