Povezivanje s HTML-om JS: od sintakse do semantike

Standard hiperteksta omogućuje vam stvaranje visokokvalitetnih HTML stranica, opisivanje CSS pravila i popunjavanje funkcionalnosti pomoću javascripta. Poslužitelj generira stranicu i šalje je pregledniku posjetitelja. Postupak je strogo formaliziran, ali kontrolira procese stvaranja i prijenosa podataka. Možete proširiti granice mogućeg standarda i sintakse za povezivanje s HTML-om JS kroz oznaku "script" unutar stranice ili iz vanjske datoteke.

HTML i javascript su prirodna kombinacija.

U fazi kada je programiranje s lokalnog postalo "distribuirano" i otišlo u područje internetske usluge, bilo je teško zamisliti prirodnu kombinaciju nemogućeg: jezika hiperteksta i programskog jezika. Nesumnjivo, nešto je uobičajeno: tamo, i postoje stroge formalizirane sintaktičke konstrukcije s ograničenjima na prikazivanju obrade semantičkog momenta. Više kardinalnih razlika je opskurno općenito:


  • prvo opisuje samo;
  • Drugi samo procesi.
  • Na početku internetskih tehnologija, HTML stranica je bila statična, ali već tvrdila, proizvod intelektualne aktivnosti programera. Tih dana, javascript je upravo trebao objaviti sebe. Danas je stvoren i univerzalno korišten:
  • funkcionalno dovršen HTML standard;
  • Širok raspon CSS pravila i značajki;
  • Savršen javascript, koji teži stalnom razvoju;
  • akumulirano iskustvo raspodijeljene obrade i prikazivanja informacija.
  • Povezivanje JS i CSS HTML-a izvodi se na isti način.Razlika je samo u svrsishodnosti formiranja potrebnog koda u realnom vremenu. To jest, ako se potreba za stvaranjem stila ili pravila CSS-a tijekom rada na web-lokaciji još uvijek može shvatiti, onda se potreba za kreiranjem JS koda za web-lokaciju koja već "posjećuje posjetitelja" može pripisati napadu, infekciji zlonamjernim softverom ili drugim pokušajima kršenja mirnog postojanja web-lokacije oštećenja posjetitelja.


    Prirodna kombinacija elemenata stabla DOM, koja oblikuje preglednik, nakon primitka HTML toka od poslužitelja, transformira se kroz CSS pravila u područje pregledavanja preglednika, a funkcije stabla su povezane s funkcijama opisanim u JS kodu.

    Sintaksa JS-funkcije za povezivanje s HTML-om

    U biti, javascript uvijek radi. Pitanje je koliko koriste programer web-lokacije. Uvijek su postojale dvije mogućnosti: povezivanje JS datoteke s HTML-om iz vanjske datoteke i korištenjem umetka oznake skripte.
    Vanjske JS datoteke, kao što je CSS, spojene su u glavi

    . Unutarnje oznake skripte nalaze se u odjeljku tijela

    . Skripta za umetanje može biti bilo koji broj, ali prekomjerna revnost ovdje nije praktična. To je zgodan organizirati javascript skripte na početku stranice i na kraju, ili još bolje - napraviti ih u vanjske datoteke u iznosu koji je određen temom području. Imenovanjem vanjskih datoteka na smislen način, povezivanje s HTML-om JS može biti jasno i prikladno za potrebe testiranja i poboljšanja.

    Suptilnosti povezivanja javascript skripti

    U stvari, tijelo funkcije ili JS varijabla je statika koja dolazi iz toka HTML-a iz poslužitelja u preglednik.Pozivanje funkcija i upotreba JS varijabli je dinamika koja se događa kada posjetitelj dođe, preuzme stranicu u pregledniku i aktivira je.
    Primjer pokazuje kako je onload događaj GoPage rukovatelj
    . Ovo je jednostavna javascript funkcija koja će biti pokrenuta čim se stranica u potpunosti preuzme. Može mijenjati sadržaj stranice, ovisno o tome tko je došao kada je došao, s kojom domenom, itd. Za pisanje koda pod određenom situacijom na JS-u znači preuzimanje preglednika i skripte u mnoge konvencije i redundantni kod. Pitanje lokalizacije i formiranja potrebne funkcionalnosti prikladnije je za izvršavanje na poslužitelju.
    Formiranjem valjanog koda u jeziku poslužitelja, određeni posjetitelj može poslati specifičnu funkcionalnost. Kao rezultat toga, povezivanje s HTML JS-om bit će različito za različite preglednike, uređaje, posjetitelje, njihov spol, dob, profesionalne interese, itd. Nema sumnje da najpopularniji CMS koji se koristi svugdje, često bez stvarnih potreba za jQuery, ukazuje na visoku kvalifikaciju developera ili jednostavno dopušta brzo obavljanje posla. Povezivanje s HTML-om JS u ovom slučaju može stvoriti problem. Jedna stvar koja je standardna za CMS je skup skripti za javascript i CSS pravila, drugi je vlastita datoteka koju trebate znati, gdje i kako je staviti kako bi se pravilno izgovorila i ne stvarala probleme.
    Uzimajući u obzir ovaj trenutak, razvijatelji alatapokušavajući dati potrošaču mogućnost stvaranja objekata web-mjesta bez pristupa datotekama koje pohranjuju skripte, stilove ili druge resurse. Jednostavno se možete spojiti na HTML JS kao funkciju gumba za rukovanje događajima. Gdje pada skripta, samo okvir ili CMS zna. Tim koji kreira stranicu obično ne razmišlja o tome, vođen modernim pravilom "dok sve radi".
    Zapravo, ako se web-mjesto temelji na naprednom alatu, nije važno kako se povezuje s HTML-om JS. Bootstrap je, na primjer, kreiran kao besplatan skup alata za stvaranje web-mjesta, fokusirajući se na CSS i HTML, ali sada je to moćna JS-funkcionalnost. Rijetka osoba koja je razvila rizik da svojim idejama doda bootstrap, velika većina će samo koristiti njegove značajke.

    javascript i "ideja" stranice

    Nasljedstvo i čovječanstvo je teško pripisati programiranju. Ne može se svaka jednostavna semantika staviti u modernu sintaksu. Nema sumnje da su CMS, predlošci i mnoge moderne ideje dobre, ali ne dopuštaju programeru da implementira vlastite ideje.
    javascript - funkcionalnost web-mjesta. To je "percepcija" posjetitelja stranice i vođenje odgovarajućeg dijaloga s njim. Nije najbolje rješenje pružiti razvojnim programerima CMS-a, okvira ili predložaka, kontaktne stranice i osobe. Kada programer implementira svoju vlastitu funkcionalnost (JS) i vlastiti stil (CSS) u vlastitom HTML-u, on dobiva svoje značenje, bez vanjske misli, čak i naj autoritativnijih i najiskusnijih.

    Povezane publikacije