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
Last revision Both sides next revision
programming:js-loading-techniques [2014/08/11 15:58]
Giuseppe Di Terlizzi
programming:js-loading-techniques [2014/08/13 08:22]
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.txt
  • Last modified: 5 years ago
  • by Giuseppe Di Terlizzi