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
Next revision Both sides next revision
programming:js-loading-techniques [2014/08/11 15:54]
Giuseppe Di Terlizzi
programming:js-loading-techniques [2014/08/11 16:09]
Giuseppe Di Terlizzi [Sezione Head]
Line 1: Line 1:
-====== ​JavaScriptPosizione ​metodi di caricamento ​======+====== ​JavascriptCome 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 tutto il resto della pagina.
 </​div>​ </​div>​
  
Line 78: Line 78:
 Questo medoto è andato in disuso ma nel caso eccolo qui: Questo medoto è 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: 6 years ago
  • by Giuseppe Di Terlizzi