Legge til Javascript dynamisk med DOM Scripting

May 22

The Document Object Model, eller DOM, er en representasjon av et nettsted som er lagret i minnet på en datamaskin. Javascript brukes til å legge til, endre og slette elementer fra DOM som lenker, bilder eller tekst. En type element som kan legges til DOM via Javascript er et script element som kan sette ytterligere Javascript-kode inn på siden selv etter at siden allerede er lastet inn.

Bruksanvisning

1 Kopier og lim inn følgende kode inn i hodet på HTML-dokumentet:
<Script type = "text / javascript">
funksjon dynamic_load (script_url)
{
Var dynamic_script = document.createElement ( 'script')
GÅ
dynamic_script.setAttribute ( "type", "text / javascript")
GÅ
dynamic_script.setAttribute ( "CRC", script_url)
GÅ
document.getElementsByTagName (\ "head \") [0] .appendChild (dynamic_script)
GÅ
}
</ Script>

2 Kopier og lim inn følgende kode inn i kroppen på HTML-dokumentet:
<a href="#" onclick="dynamic_load("MyScript.js")"> Load MyScript.js </a>

3 Åpne HTML-dokumentet i webleseren, og klikk på linken fra Trinn 2. Innholdet i MyScript.js vil laste så snart du gjør.

Hint

Hvis du bare ønsker å teste om dynamisk belastning fungerer, legger du inn følgende linje på toppen av MyScript.js:
alert ( "The last jobbet!");