1

Me ocupa lo siguiente:

Tengo una function JS que luego de definir variables y ejecutar varios cálculos al final de ella resuelve:

document['getElementById']('foot')['innerHTML'] = foot;
document['getElementById']('botonera')['innerHTML'] = botonera;

Yo quisiera saber si es posible hacer un insert de un archivo html dentro de una function de js que quede algo así:

function a(){
foot= "";
botonera="";

document['getElementById']('foot')['innerHTML'] = foot;
document['getElementById']('botonera')['innerHTML'] = botonera;

document['getElementById']('contenido')['innerHTML'] = include("/include/cuerpo.html");

}

Lo que quisiera hacer es que desde esta function se envie directamente al div id=contenido el contenido de mi archivo ("/include/cuerpo.html")

Quisiera saber si existe alguna opción que me permita resolver dentro del mismo javascript sin recurrir a jquery.

Mi proyecto se trata de una web offline, puedo cargar librerías desde CDN pero prefiero incluir las librerías en mi proyecto ya que normalmente las personas que abren este tipo de aplicativos no necesariamente tienen internet por tal motivo el proyecto es cargas offline desde navegadores web con archivos html..!

11
  • jQuery está escritor en Javascript, así que SIEMPRE podrás elegir no usarlo Commented el 28 ago. 2020 a las 14:14
  • con jquery dentro del index he utilizado jquery asi $(document).ready(function(){ $('#tablaDatatable').load('../tablagestion.php'); etc etc Pero ahora este proyecto es offline y quisiera poder implementar algo similar pero dentro de la function JS pero no he logrado el objetivo. Commented el 28 ago. 2020 a las 14:20
  • ¿Estás abriendo el HTML directamente en el navegador, sin tener un servidor WEB instalado?
    – Triby
    Commented el 28 ago. 2020 a las 14:49
  • 1
    Si tu idea es una "web offline", te recomiendo que eches un vistazo a electron. En cualquier caso un navegador sólo permitirá acceder a archivos mediante HTTP(S) Commented el 28 ago. 2020 a las 15:49
  • 1
    creo que tal vez en el Chat de Stack Overflow en español podramos tratar de aclarar tu pregunta?
    – gbianchi
    Commented el 28 ago. 2020 a las 17:36

1 respuesta 1

0

Puedes usar el API fetch:

fetch('/mi/documento.html')
  .then(response => response.text())
  .then(text => document.getElementById('contenido').innerHTML = text);
3
  • Con la respuesta sugerida me da como resultado el error URL scheme must be "http" or "https" for CORS request. Commented el 28 ago. 2020 a las 14:46
  • Con un archivo local es imposible, estoy asumiendo que cargas el HTML desde un servidor web vía HTTP Commented el 28 ago. 2020 a las 14:52
  • Si claro comprendo se me paso colocarlo en el enunciado ya voy a modificarlo..!! Commented el 28 ago. 2020 a las 15:12

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.