Como carregar uma página HTML em um <div> usando JavaScript?
Eu quero home.html para carregar em <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>
Isto funciona bem quando eu uso o Firefox. Quando eu uso o Google Chrome, ele pede um plug-in. Como faço para que ele funcione no Google Chrome?
143
3
Finalmente encontrei a resposta para o meu problema. A solução é
Você pode usar a função de carga jQuery:
Desculpa. Editado para o on click em vez de on load.
**Vai buscar API***
**XHR API***
baseado nas suas restrições você deve utilizar ajax e certificar-se de que o seu javascript é carregado antes da marcação que chama a função
load_home()
Referência - davidwalsh
MDN - Using Fetch
[JSFIDDLE demo](http://jsfiddle.net/jpmCz/)