Scrivere codice HTML dinamicamente all’interno di una pagina è possibile ed utile. Il modo più diretto e conosciuto è quello di utilizzare documenti.write() o un contenitore DIV predisposto ad accettare codice inserito tramite innerHTML. In alternativa è possibile agganciarsi ad un TAG esistente ed utilizzare il DOM per aggiungere o rimuovere elementi all’interno della pagina. Ad esempio immmaginiamo di voler caricare un nuovo file Javascript senza utilizzare scripting lato server e quindi il ricaricamento della pagina. La funzioni qui sotto, ad esempio, aggiunge un file Javascript alla vostra pagina, passato come parametro (comprensivo di path).
1 2 3 4 5 6 | function addScripting(s) { var scriptNode = document.createElement('script'); document.getElementsByTagName("head")[0].appendChild(scriptNode); scriptNode.language='javascript'; scriptNode.src=s; } |
Similmente è possibile aggiungere un foglio di stile alla nostra pagina, indicato dalla variabile cssfile:
1 2 3 4 5 | var cssNode = document.createElement('link'); cssNode.setAttribute('rel', 'stylesheet'); cssNode.setAttribute('type', 'text/css'); cssNode.setAttribute('href', cssfile ); document.getElementsByTagName('head')[0].appendChild(cssNode); |








7
Non ci sono commenti per questo Post
Lascia un commento