Vamos a usar una función llamada ajax_loadContent para cargar un fichero dentro de un div.
El programa javascript que contiene el cóodigo de la función lo puedes descargar de aquí. Para poder usarlo en una página lo tienes que incluír de la siguiente manera:
<script type="text/javascript" src="ajax_loadContent.js"></script>
Poniendo esa linea entre <head> y </head> en tu página Web harás que se cargue el código necesario para poder usar la función ajax_loadContent
Esta función recibe dos parámetros de entrada. El primero es el identificador del div donde queremos cargar el fichero o la dirección. El segundo parámetro es la ruta del fichero que quieres cargar.
Imaginémos que en nuestra página tenemos el siguiente div:
<div id="contenido"></div>
Para cargar algo ahí dentro (por ejemplo el fichero javascript) tendríamos que llamar a la función de la siguiente manera:
ajax_loadContent('contenido','ajax_loadContent.js');
El identificador del div donde queremos hacer la carga es contenido, y lo que queremos cargar ahí dentro es el fichero ajax_loadContent.js
Es importante hacer la llamada a la función después de haber creado el div, ya que si hacemos la llamada antes el div todavía no existirá.
Vamos a ver un ejemplo. Aquí abajo tenemos un div donde vamos a cargar el fichero.