Pripojenie k HTML JS: od syntaxe k sémantike

Štandardné hypertext vám umožní vytvoriť kompletné HTML stránok, popísať ich CSS pravidlá a vyplniť funkčnosť pomocou JavaScriptu. Server vygeneruje stránku a pošle ju do prehliadača návštevníka. Postup je striktne formalizovaný, ale kontroluje proces vytvárania a prenosu údajov. Môžete rozšíriť hranice možného, ​​ktoré poskytujú štandardné a HTML syntaxe JS spojenie cez tag «skriptu» v rámci stránky alebo z externého súboru.

HTML a JavaScriptu - prirodzená kombinácia

V čase, keď bola lokálna programovania "distribuované" a šiel do internetového priestoru sektora služieb, bolo ťažké si predstaviť, fyzická kombinácia je nemožné: hypertext jazyk a programovací jazyk. Nepochybne, tam je niečo spoločné: obaja tu a tam prísne formálne syntaktické obmedzenia konštrukcie o návrhu sémantického spracovania bodu. Ďalšie dramatické rozdiely zatieni to celkom:


  • , opisuje iba prvý;
  • Druhá len procesy.
  • Na úsvite internetovej technológie HTML stránky bola statická, ale tvrdil, návrh intelektuálne produktu. V tých dňoch sa javascript práve chystal oznámiť. Dnes vytvorené a univerzálne používané:
  • funkčne kompletný HTML štandard;
  • Široká škála pravidiel a funkcií CSS;
  • Perfektný javaskript, snaha o nepretržitý rozvoj;
  • akumulované skúsenosti s distribuovaným spracovaním a prezentáciou informácií.
  • Spojenie JS a CSS HTML sa vykonáva rovnakým spôsobom.Rozdiel je len v tom, či je potrebné v reálnom čase vytvoriť požadovaný kód. To znamená, že v prípade, že je potrebné vytvoriť štýl alebo CSS pravidlá v procese stránkach si môžete ešte nejako pochopiť, že je potrebné vytvoriť JS-kód pre miesta, ktoré sa "sedí návštevník" možno pripísať na vrub útokov, malware infekcie alebo iné pokusy o narušenie mierovej existencie webu alebo príčiny poškodenie návštevníka.


    Prirodzená kombinácia prvkov stromu DOM, ktorá tvorí prehliadač, HTML prúd prijaté zo servera je transformovaný pomocou pravidla CSS v zobrazení prehliadača spojiť funkcie prvkov strom popísaná v JS kóde.

    Syntax JS-pripojiť funkcie do HTML

    V skutočnosti, JavaScript vždy funguje. Otázkou je, koľko používajú vývojárov stránok. Vždy existovali dve možnosti: pripojenie súboru JS k HTML z externého súboru a vloženie značky skriptu.
    Externé súbory JS, ako CSS, sú pripojené v hlavnej časti

    . Vnútorné skriptové značky sú umiestnené v časti tela

    . Vložovací skript môže byť akékoľvek číslo, ale nadmerná horlivosť nie je praktická. Dobre situovaný skripty javascript na vrchole a jej koniec, a ešte lepšie - aby sa im do externých súborov v množstvách definovaných oblasť. Volanie externých súborov zmysluplným spôsobom HTML JS pripojenie možno vykonať zrozumiteľné a vhodné na účely testovania a vývoja.

    nuansy scenáre pripojenia javascript

    V skutočnosti je telo funkcie alebo variabilná JS - je statický, ktorý pochádza z toku HTML zo servera do prehliadača.Volanie funkcie a použitie premenných JS - to dynamické, ktorý nastane s príchodom návštevníka, sa stránka načíta v prehliadači a jeho aktiváciu.
    Príklad ukazuje, ako je udalosť na nakládke spracovateľom GoPage
    . Jedná sa o jednoduchú funkciu javascriptu, ktorá sa spustí hneď, ako sa stránka úplne stiahne. Je možné meniť obsah stránky založené na tom, kto prišiel, keď to prišlo ku ktorému výbuch pásmo a tak ďalej D. písania kódu pre konkrétnu situáciu v JS. - stiahnite prehliadač a skript mnoho konvencií a zbytočné kód. Problém lokalizácie a vytvorenie požadovanej funkčnosti je pohodlnejšie na serveri.
    Vytvorením platného kódu v jazyku servera môže špecifický prehliadač návštevníka odoslať špecifické funkcie. Výsledkom je, že spojenie HTML JS sa bude líšiť pre rôzne prehliadače, prístrojov, návštevníkov, ich pohlavie, vek, profesijných záujmov, a tak ďalej. D.

    kostry, šablóny, CMS a iné náradie systémy

    Dobrý nástroj vždy prispieva k dobrým výsledkom. Niet pochýb o tom, že najobľúbenejší CMS alebo používať všade, často bez toho, aby skutočná potreba jQuery, naznačujú vysoko kvalifikovaný vývojár alebo vám umožní rýchlo robiť svoju prácu. Pripojenie k HTML JS v tomto prípade môže spôsobiť problém. Jedna vec je nastaviť štandard pre CMS skripty JavaScript a CSS predpisy, a ďalšia vec - svoj vlastný súbor, ktorý chcete vedieť, kde a ako nahradiť tak sa dobrovoľne prihlásil správne a nemal spôsobiť problémy.
    Berúc do úvahy tento moment, vývojári nástrojovsnaží sa dať spotrebiteľovi možnosť vytvárať objekty stránok bez prístupu k súborom, ktoré ukladajú skripty, štýly alebo iné zdroje. Jednoducho sa môžete pripojiť k HTML JS ako funkcia tlačidla obsluhy udalostí. Kde telo skriptu padá, vie len rámec alebo CMS. Tím, ktorý vytvára stránku, zvyčajne o tom nevie premýšľať, riadený moderným pravidlom "zatiaľ čo všetko funguje".
    V skutočnosti, ak je web založený na pokročilom nástroji, nezáleží na tom, ako je pripojenie k HTML JS vykonané. Napríklad Bootstrap bola vytvorená ako bezplatná sada nástrojov na vytváranie webových stránok so zameraním na CSS a HTML, ale teraz je to výkonná funkcia JS. Vzácny vývojár riskuje, že pridá bootstrap k svojim nápadom, prevažná väčšina bude používať len jeho funkcie.

    javaskript a "myšlienka" lokality

    Nástupníctvo a ľudstvo je ťažké pripisovať programovaniu. Nie každá jednoduchá sémantika môže byť uvedená do modernej syntaxe. Nie je pochýb o tom, že CMS, šablóny a veľa moderných myšlienok sú dobré, ale neumožňujú vývojárom realizovať svoje vlastné nápady.
    javascript - funkčnosť stránok. Toto je "vnímanie" návštevníka a uskutočnenie primeraného dialógu s ním. Ak chcete rozdať vývojárov CMS, rámcov alebo šablón, kontaktovať miesto a osobu - to nie je najlepšie riešenie. Keď vývojár webu implementuje svoju vlastnú funkčnosť (JS) a svoj vlastný štýl (CSS) vo svojom vlastnom HTML, získava svoj vlastný zmysel, bez vonkajšieho myslenia, ani najschopnejší a najcitlivejšie.

    Súvisiace publikácie