CSS e JavaScript in un unico file si può!
C’è un sistema per scrivere codice CSS e script JavaScript in un unico file!
Perché dovreste farlo non lo so, ma il sistema c’è e si basa sulla differente modalità di interpretazione dei commenti da parte del parser CSS rispetto a quello JavaScript.
In questo blog utilizzo un enfatizzatore di sintassi che dovrebbe aiutarci a chiarire come funziona la cosa. Scriverò due volte di seguito lo stesso codice, ma indicherò all’enfatizzatore una volta che si tratta di CSS ed un altra volta che si tratta di JavaScript.
Come si può vedere dai colori, quando il parser CSS analizza la sintassi, tratta come commenti la parte relativa al JavaScript (le prime tre righe del codice, ndr.); viceversa il parser JavaScript tratta come commento ciò che ha a che fare col CSS (l’ultima riga, ndr.).
Ovviamente, il file va implementato nella pagina HTML come di consueto:
Questa soluzione è utilizzata in Windows Office Live, anche se non riesco ad immaginare il motivo; anche perché è abbastanza scomodo dover fare codice JavaScript o CSS in un unico file!
Ad ogni modo, se qualcuno di voi dovesse utilizzarlo – o già lo sta facendo – potrebbe indicarci le sue motivazioni.
mmmmh, non saprei.
Magari viene usato per ottimizzare il caricamento delle pagine.
Nel senso che gli sviluppatori Microsoft magari scrivono i due (o più) file JS e CSS su file separati, salvo poi cache-arli in un unico file, utilizzando poi la tecnica che hai descritto per la visualizzazione. Il vantaggio sta nel fatto che il caricamento di un solo file (magari compresso, senza spazi, ecc) è più veloce di, diciamo, 3 JS e 4 CSS.
In realtà, io sono il primo a non essere totalmente convinto che questo approccio sia il migliore possibile. Al solito, senza benchmark vale tutto e il contrario di tutto XD