¿Cómo puedo cargar una página HTML en un <div> utilizando JavaScript?
Quiero que home.html se cargue en <div id="contenido">
.
<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div>
<div id ="content"> </div>
<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>';
}
</script>
Esto funciona bien cuando uso Firefox. Cuando uso Google Chrome, me pide el plug-in. ¿Cómo puedo hacer que funcione en Google Chrome?
143
3
Por fin he encontrado la respuesta a mi problema. La solución es
Puede utilizar la función de carga de jQuery:
Lo siento. Editado para el on click en lugar de on load.
Aprovechamiento de la API
**API XHR
según sus restricciones debe utilizar ajax y asegurarse de que su javascript se carga antes del marcado que llama a la función
load_home()
.Referencia - davidwalsh
MDN - Uso de Fetch
[Demostración de JSFIDDLE](http://jsfiddle.net/jpmCz/)