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:54]
Giuseppe Di Terlizzi
programming:js-loading-techniques [2014/08/16 02:04] (current)
Giuseppe Di Terlizzi
Line 1: Line 1:
-====== JavaScript: ​Posizione ​metodi di caricamento ​======+====== JavaScript: ​Come posizionare ​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.1407765276.txt.gz
  • Last modified: 5 years ago
  • by Giuseppe Di Terlizzi