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**. | ||
Giuseppe Di Terlizzi