Détails
Comment charger une page HTML dans un <div> en utilisant JavaScript ?
Je veux que home.html soit chargé dans <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>
Cela fonctionne bien lorsque j'utilise Firefox. Lorsque j'utilise Google Chrome, il demande un plug-in. Comment puis-je le faire fonctionner dans Google Chrome ?
143
3
J'ai enfin trouvé la réponse à mon problème. La solution est
Vous pouvez utiliser la fonction de chargement de jQuery :
Désolé. Modifié pour le clic au lieu du chargement.
Fetch API
XHR API
en fonction de vos contraintes, vous devriez utiliser ajax et vous assurer que votre javascript est chargé avant le markup qui appelle la fonction
load_home()
.Référence - davidwalsh
MDN - Utilisation de Fetch
[Démo de JSFIDDLE](http://jsfiddle.net/jpmCz/)