Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
programming:js-loading-techniques [2014/08/11 15:58] Giuseppe Di Terlizzi |
programming:js-loading-techniques [2014/08/16 02:04] (current) Giuseppe Di Terlizzi |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Javascript: Come posizionare e caricare i nostri script al meglio ====== | + | ====== JavaScript: Come posizionare e caricare i nostri script al meglio ====== |
- | Questa piccola guida descrive diversi metodi di caricamento degli script JavaScript nelle nostre pagine HTML. | + | {{http://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png?50 }} Questa piccola guida descrive i pro e contro della posizione dei nostri script JS all'interno della pagina e diversi metodi di caricamento. |
===== Dove posizionare lo script ===== | ===== Dove posizionare lo script ===== | ||
Line 36: | Line 36: | ||
</code> | </code> | ||
- | In questo modo il browser non attende il dowload di tutta la pagina HTML da parte del webserver per iniziare il caricamento degli script e stili css, ma riceve per primo tutta la sezione ''<head>''. | + | In questo modo il browser non attende il dowload di tutta la pagina HTML da parte del webserver per iniziare il caricamento degli script e stili css, ma riceve per primo tutta la sezione ''<head>'' e poi il resto della pagina. |
</div> | </div> | ||
Line 76: | Line 76: | ||
==== Metodo document.write ==== | ==== Metodo document.write ==== | ||
- | Questo medoto è andato in disuso ma nel caso eccolo qui: | + | Questo metodo è andato in disuso ma nel caso eccolo qui: |
- | <code html> | + | <code javascript> |
<script> | <script> | ||
document.write('<script src="', 'http://example.org/js/script.js', '" type="text/JavaScript"><\/script>'); | document.write('<script src="', 'http://example.org/js/script.js', '" type="text/JavaScript"><\/script>'); | ||
Line 95: | Line 95: | ||
</code> | </code> | ||
- | Come potete vedere lo script è molto semplice, si crea un elemento ''script'' e lo si appende al tag ''head''. | + | Come potete vedere lo script è molto semplice, si crea un elemento ''script'' e lo si appende all'elemento ''head''. |
Una soluzione molto elegante è utilizzare una variante allo script //isogram// utilizzato da **Google Analytics**. | Una soluzione molto elegante è utilizzare una variante allo script //isogram// utilizzato da **Google Analytics**. |