Hoe laad ik een HTML-pagina in een <div> met behulp van JavaScript?
Ik wil dat home.html geladen wordt in <div id="content">
.
<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>
Dit werkt prima als ik Firefox gebruik. Als ik Google Chrome gebruik, vraagt het om een plug-in. Hoe krijg ik het werkend in Google Chrome?
143
3
Ik heb eindelijk het antwoord op mijn probleem gevonden. De oplossing is
U kunt de jQuery laadfunctie gebruiken:
Sorry. Bewerkt voor de on click in plaats van on load.
Fetch API
XHR API
gebaseerd op je beperkingen moet je ajax gebruiken en ervoor zorgen dat je javascript geladen wordt voor de markup die de
load_home()
functie aanroeptReferentie - davidwalsh
MDN - Fetch gebruiken
[JSFIDDLE demo](http://jsfiddle.net/jpmCz/)