Estuve buscando y no encontré ninguna respuesta al respecto. Tengo un sitio sencillo que se maneja mediante AJAX las diferentes secciones.
Mi duda es como sería la forma correcta de incluir los scripts de javascript que corresponden a cada página. Me explico mejor:
Si estoy pidiendo contacto.html al final del archivo pongo un script para 'traer' el script con las interacciones que sean necesarias para ese HTML, pero no me lo estaría leyendo. Mando console.log cada vez que voy a una sección pero no lee los archivo JS es como si los ignorara.
Codigo AJAX:
function loadDynamic(){
event.preventDefault();
//Guardo el valor del atributo href al que se esta haciendo click
let url = this.getAttribute('href');
fetch(url).then(response => {
if(response.ok){
response.text().then(t => {
content.innerHTML = t;
})
}else{
content.innerHTML = "No se encontro la página solicitada";
}
})
.catch(e => {
content.innerHTML = "No se pudo conectar con el servidor";
})
}
Y al final de los archivos HTML pongo por ejemplo:
<script src="js/prueba.js" type="text/javascript"></script>
loadDynamic
desde dónde lo llamas?