Hvordan laster jeg inn en HTML-side i en <div> ved hjelp av JavaScript?
Jeg vil at home.html skal lastes inn i <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>
Dette fungerer fint når jeg bruker Firefox. Når jeg bruker Google Chrome, ber den om plug-in. Hvordan får jeg det til å fungere i Google Chrome?
143
3
Jeg fant endelig svaret på problemet mitt. Løsningen er
Du kan bruke jQuery load-funksjonen:
Beklager. Redigert for on-klikk i stedet for on load.
Fetch API (hent API)
XHR API
basert på dine begrensninger bør du bruke ajax og sørge for at javascriptet ditt lastes inn før markeringen som kaller funksjonen
load_home()
.Referanse - davidwalsh
MDN - Bruk av Fetch
[JSFIDDLE demo](http://jsfiddle.net/jpmCz/) [JSFIDDLE demo](http://jsfiddle.net/jpmCz/)