¿Los artículos de tu blog publicados aquí? ¡Propón tu blog!

Carga dinámica de javascript con jQuery

Publicado el 04 julio 2014 por Marcostrfn @bajolinux

Ya hemos hablado antes de como cargar archivos javascript de forma dinámica.

En este ejemplo vamos a ver como realizar la carga dinámica de archivos javascript con jQuery.

Basta con usar la función getScript tal como se muestra en el siguiente ejemplo:

  1. <!DOCTYPE HTML>
  2. <html>
  3.   <head>
  4.   <title>Bajolinux - Ejemplo de carga dinámica de javascsript</title>
  5.   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   <meta name="description" content="" />
  7.   <meta name="keywords" content="" />
  8.   <script src="jquery-1.11.1.min.js"></script>
  9.   </head>
  10.   <body>
  11.   <div id="wrapper"><button id='boton'>pulsame</boton></div>
  12.   <div id="result"></div>
  13.   </body>
  14.   <script>
  15.   $(document).ready(function(){
  16.   $('#boton').click( function(){
  17.   $.getScript('my-script.js', function(data, textStatus){
  18.   $('#result').append( getTexto() );
  19.   });
  20.   });
  21.   });
  22.   </script>
  23. </html>

En la línea 17 cargamos el archivo externo, en este caso my-script.js.

En la linea 18 hacemos uso de la función getTexto(), incluida en my-script.js.