programming:js-loading-techniques

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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**.
  • programming/js-loading-techniques.1407765502.txt.gz
  • Last modified: 6 years ago
  • by Giuseppe Di Terlizzi