Wie lade ich eine HTML-Seite in einem <div> mit JavaScript?
Ich möchte, dass home.html in <div id="content">
geladen wird.
<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>
Das funktioniert gut, wenn ich Firefox verwende. Wenn ich Google Chrome verwende, wird nach einem Plug-in gefragt. Wie bekomme ich es in Google Chrome zum Laufen?
143
3
Ich habe endlich die Antwort auf mein Problem gefunden. Die Lösung lautet
Sie können die jQuery-Ladefunktion verwenden:
Entschuldigung. Bearbeitet für die auf Klick anstelle von auf Last.
Abruf-API
XHR API
Basierend auf Ihren Einschränkungen sollten Sie Ajax verwenden und sicherstellen, dass Ihr Javascript vor dem Markup geladen wird, das die Funktion "load_home()" aufruft.
Referenz - davidwalsh
MDN - Fetch verwenden
[JSFIDDLE-Demo](http://jsfiddle.net/jpmCz/)