Połącz się z HTML JS: od składni do semantyki

Standard hipertekstowy umożliwia tworzenie stron HTML o wysokiej jakości, opisywanie ich regułami CSS i wypełnianie funkcji za pomocą javascript. Serwer generuje stronę i wysyła ją do przeglądarki odwiedzającego. Procedura jest ściśle sformalizowana, ale kontroluje procesy tworzenia i przesyłania danych. Można poszerzyć granice tego, co możliwe, zapewniając standardowej składni HTML i JS poprzez połączenie skryptu «» tag w obrębie strony lub z zewnętrznego pliku.

HTML i JavaScript - naturalna kombinacja

W czasie, gdy programowanie lokalne został „rozproszonej” i udał się do przestrzeni internetowej sektora usług, trudno było sobie wyobrazić, naturalne połączenie jest niemożliwe: język hipertekstowy i język programowania. Nie ulega wątpliwości, że jest coś wspólnego: obaj tam, a nie ścisłe formalne konstrukcje składniowe ograniczenia na wniosek semantycznego punktu przetwarzania. Bardziej podstawowe różnice zaciemniają to ogólnie:


  • najpierw opisuje tylko;
  • Drugi tylko procesy.
  • Na początku technologii internetowych HTML strony była statyczna, ale twierdził, projektowania produktu intelektualnej. W tamtych czasach javascript miał właśnie ogłosić się. Dziś stworzony i powszechnie używany:
  • funkcjonalnie kompletny standard HTML;
  • Szeroki zakres zasad i cech CSS;
  • Doskonały javascript, dążący do ciągłego rozwoju;
  • Zgromadzone doświadczenie w rozproszonym przetwarzaniu i prezentacji informacji.
  • Połączenie JS i CSS HTML odbywa się w ten sam sposób.Różnica polega jedynie na celowości tworzenia wymaganego kodu w czasie rzeczywistym. To znaczy, jeśli potrzeba, aby utworzyć reguły stylów lub CSS w procesie miejscu można jeszcze jakoś zrozumieć, że trzeba utworzyć JS-kod dla serwisu, który „siedzi gość” może być przypisane do ataków infekcji złośliwym oprogramowaniem lub innych prób zakłócać pokojowego istnienia serwisu lub przyczyny uszkodzenie gościa.


    Naturalna kombinacja elementy drzewa DOM, który tworzy przeglądarka HTML-stream otrzymane z serwera przekształca poprzez CSS w przeglądarce widoku połączyć funkcjonalność elementy drzewa opisaną w JS-kodu.

    Składnia JS-połączyć funkcjonalność HTML

    W rzeczywistości, javascript zawsze działa. Pytanie brzmi, jak bardzo wykorzystują dewelopera witryny. To było zawsze dwie opcje: podłącz do pliku JS od zewnętrznego pliku HTML i wstawienie znacznika «» skryptu.
    Pliki zewnętrzne J, jak Css, połączonych w głowicy

    . Wewnętrzne znaczniki skryptów są umieszczane w sekcji body

    . Scenariusz wstawiania może być dowolną liczbą, ale nadmierna gorliwość nie jest tutaj praktyczna. Dobrze ustawione skryptów JavaScript w górę i jego koniec, a jeszcze lepiej - aby uczynić je do zewnętrznych plików w ilościach określonych tematyka. Poprzez nazewnictwo plików zewnętrznych w znaczący sposób, łączenie się z JS HTML może być jasne i wygodne dla celów testowania i ulepszania.

    Subtelności łączenia skryptów javascript

    W rzeczywistości treść funkcji lub zmienna JS to statystyka pochodząca ze strumienia HTML z serwera do przeglądarki.Funkcje wywoływania i używanie zmiennych JS to dynamika, która pojawia się, gdy użytkownik wchodzi, pobiera stronę w przeglądarce i aktywuje ją.
    Przykład pokazuje, w jaki sposób zdarzenie onload jest programem obsługi GoPage
    . Jest to prosta funkcja javascript, która zostanie uruchomiona, gdy tylko strona zostanie w pełni pobrana. Może zmieniać treść strony, w zależności od tego, kto przyszedł, kiedy przyszedł, z którą strefą domeny itp. Zapisanie kodu pod konkretną sytuacją na JS oznacza pobranie przeglądarki i skryptu do wielu konwencji i redundantnego kodu. Kwestia lokalizacji i tworzenia wymaganej funkcjonalności jest wygodniejsza do przeprowadzenia na serwerze.
    Poprzez utworzenie poprawnego kodu w języku serwera, przeglądarka określonego użytkownika może wysyłać określone funkcje. W rezultacie połączenie z HTML JS będzie różne dla różnych przeglądarek, urządzeń, użytkowników, ich płci, wieku, zainteresowań zawodowych itp.

    Ramy, szablony, CMS i inne systemy narzędziowe

    Dobre narzędzie zawsze jest dobrym rezultatem. Nie ulega wątpliwości, że najpopularniejszy CMS lub używany wszędzie, często bez rzeczywistych potrzeb jQuery, wskazuje na wysoką kwalifikację programisty lub po prostu pozwala szybko wykonać zadanie. Łączenie się z JS HTML w tym przypadku może spowodować problem. Jedną z rzeczy, która jest standardem dla CMS, jest zestaw skryptów dla javascript i reguł CSS, drugi to własny plik, który musisz znać, gdzie i jak go umieścić, aby właściwie głosować, a nie tworzyć problemów.
    Biorąc pod uwagę ten moment, twórcy narzędzipróbując dać konsumentowi możliwość tworzenia obiektów serwisu bez dostępu do plików przechowujących skrypty, style lub inne zasoby. Możesz po prostu połączyć się z JS HTML w funkcji przycisku obsługi zdarzenia. Gdzie spada treść skryptu, wie tylko framework lub CMS. Zespół tworzący witrynę zwykle o tym nie myśli, kierując się nowoczesną zasadą "podczas gdy wszystko działa".
    W rzeczywistości, jeśli witryna jest oparta na zaawansowanym narzędziu, to nie ma znaczenia, w jaki sposób jest wykonywane połączenie z HTML JS. Bootstrap, na przykład, stworzyliśmy darmowy zestaw narzędzi do tworzenia stron internetowych, oparty na CSS i HTML, ale teraz jest to potężne JS-funkcjonalność. Rzadki programista ryzykujący dodanie do swoich pomysłów bootstrapu, zdecydowana większość wykorzysta tylko jego funkcje.

    javascript i "idea" strony

    Dziedziczenie i ludzkość są trudne do przypisania programowaniu. Nie każda prosta semantyka może zostać wprowadzona do nowoczesnej składni. Nie ulega wątpliwości, że CMS, szablony i wiele nowoczesnych pomysłów są dobre, ale nie pozwalają programistom na implementację własnych pomysłów.
    javascript - funkcjonalność strony. Jest to "postrzeganie" odwiedzającego witrynę i prowadzenie z nim odpowiedniego dialogu. Aby oddać deweloperów CMS, frameworków lub szablonów, skontaktuj się z witryną i osobą - nie najlepszym rozwiązaniem. Gdy strona deweloper realizuje własną funkcjonalność (JS) i własnego stylu (CSS) w swoim własnym formacie HTML, to ma na swoim znaczeniu, bez opinii z zewnątrz, nawet najbardziej autorytatywny i kwalifikacje.

    Powiązane publikacje