Estoy guardando todo el contenido de un blog en archivos XML y luego por medio de javascript extraer el contenido de los archivos XML y ponerlos en el HTML de la página principal.
El problema es que los pedazos de código en github se comparten de esta forma:
<script src="https://gist.github.com/A4lfr32/bc1cfdd3f24410d7b63a7a9dc0285103.js"></script>
, donde se ejecuta un código javascript con document.write(); // y ...otros
. Esto es un problema porque cuando después de ejecutarse la página y estar extrayendo información del XML esta no lo hace. Pienso que probablemente porque el javascript que se encarga de escribir el pedazo de código no puede ejecutarse mientras hay otro javascript escribiendo con DomElement.innerHtml
document.getElementById("Main").innerHTML=xmlDoc.children[0].children[tag].innerHTML;
El XML es maso menos así:
<subcontenido id="Deteccion de blobs_1">
<h2 id="Tema-0">Deteccion de blobs</h2>
<div>ho2la</div>
<script src="https://gist.github.com/A4lfr32/bc1cfdd3f24410d7b63a7a9dc0285103.js"></script>
<div>hola</div>
</subcontenido>
Imprime todo si no uso la etiqueta <script>
, pero si la pongo solo se muestra hasta antes de la etiqueta.
Me gustaría saber porqué sucede esto y cómo podría utilizar el código embebido en el XML sin problemas.
Probé con estos recursos pero no me han funcionado: How to include Javascript in xml-document?
Concretamente solo probé: <script xmlns="http://www.w3.org/1999/xhtml" src="external.js"></script>
y <xmlns:script src="external.js"></script>
las otras no las entendí bien. La primera opción parece sí escribir en el HTML pero en bruto (pasivamente), ya que no se ejecuta el script y por lo tanto no escribe el 'snippet' de github.
Edito: Agrego prueba comprobable. Los archivos son:
myXML.xml
<?xml version="1.0" encoding="UTF-8"?>
<contenido>
<subcontenido id="Deteccion de blobs_1">
<h2 id="Tema-0">Deteccion de blobs</h2>
<div>ho2la</div>
<script src="https://gist.github.com/A4lfr32/bc1cfdd3f24410d7b63a7a9dc0285103.js"></script>
<div>hola</div>
</subcontenido>
</contenido>
snippetJavascript.js
window.onload = function() {
cargarContenido(0);
};
// Carga el contenido izquierdo y la informaciòn
function cargarContenidoEntero(xml,tag) {
debugger
xmlDoc = xml.responseXML;
document.getElementById("Main").innerHTML=xmlDoc.children[0].children[tag].innerHTML;
}
var xmlDoc;
function cargarContenido(tag) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cargarContenidoEntero(this,tag);
}
};
xmlhttp.open("GET","myXML.xml", true);
xmlhttp.send();
}
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h1>prueba1</h1>
<script src="https://gist.github.com/A4lfr32/bc1cfdd3f24410d7b63a7a9dc0285103.js"></script>
<p>antes</p>
<div id="Main"> </div>
<script src="snippetJavascript.js" type="text/javascript"></script>
</body>
</html>
Preguntas relacionadas:
asd
odebe mostrar este texto
.<script>
empleando el XML. He probado poniéndolo directamente sin el XML y también me funciona bien.