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:
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>Bajolinux - Ejemplo de carga dinámica de javascsript</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="" />
- <meta name="keywords" content="" />
- <script src="jquery-1.11.1.min.js"></script>
- </head>
- <body>
- <div id="wrapper"><button id='boton'>pulsame</boton></div>
- <div id="result"></div>
- </body>
- <script>
- $(document).ready(function(){
- $('#boton').click( function(){
- $.getScript('my-script.js', function(data, textStatus){
- $('#result').append( getTexto() );
- });
- });
- });
- </script>
- </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.
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure