Tecnología

Inicio

Adición Javascript dinámicamente con DOM Scripting

May 21

El Document Object Model, o DOM, es una representación de un sitio web almacena en la memoria de un ordenador. JavaScript se utiliza para añadir, modificar y borrar elementos de la DOM, tales como enlaces, imágenes o texto. Un tipo de elemento que se puede añadir a la DOM a través de JavaScript es un elemento de script que puede insertar código adicional JavaScript en la página, incluso después de que la página ya se ha cargado.

Instrucciones

1 Copia y pega el siguiente código en la cabecera del documento HTML:
<Script type = "text / javascript">
función dynamic_load (script_url)
{
var = dynamic_script document.createElement ( 'script')
IR
dynamic_script.setAttribute ( "tipo", "text / javascript")
IR
dynamic_script.setAttribute ( "CRC", script_url)
IR
document.getElementsByTagName (\ "cabeza \") [0] .appendChild (dynamic_script)
IR
}
</ Script>

2 Copia y pega el siguiente código en el cuerpo del documento HTML:
<a href="#" onclick="dynamic_load("MyScript.js")"> carga MyScript.js </a>

3 Abra el documento HTML en un navegador y haga clic en el enlace de la Etapa 2. El contenido de MyScript.js se carga tan pronto como usted lo hace.

Consejos y advertencias

  • Si lo que desea es probar si la carga dinámica funciona, coloque la línea siguiente en la parte superior de MyScript.js:
  • alert ( "La carga funcionó!");