Wie eine andere HTML-Datei mit JS laden

Ich versuche, eine Website zu erstellen, und ich versuche, herauszufinden, wie man eine Seite zu laden.Wie eine andere HTML-Datei mit JS laden

Zum Beispiel:

Sie klicken auf dem Navigator „Home“ und dann eine der Unterseite des Bildschirms Es eine Seite Hexe Text zum Beispiel sagt, lädt „Hallo Wort!“.

Weiß jemand, was zu tun ist? Ich bin mir ziemlich sicher, dass es sich um JavaScript handelt.

Quelle

2013-09-21 Shaun

http://www.w3.org/wiki/HTML_links_-_lets_build_a_web#What_are_links.3F – Quentin

Nicht sehr hilfreich für mein Verständnis, sorry. – Shaun

Sprechen Sie über Single-Page-Anwendungen? Sie bleiben immer auf der gleichen Seite, aber der Inhalt wird neu geladen. –

Um Inhalte dynamisch zu laden, können Sie einen AJAX-Anruf mit XMLHttpRequest() erstellen.

In diesem Beispiel wird eine URL an die loadPage()-Funktion übergeben, in der der geladene Inhalt zurückgegeben wird.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script type="text/javascript"> 
      function loadPage(href) 
      { 
       var xmlhttp = new XMLHttpRequest(); 
       xmlhttp.open("GET", href, false); 
       xmlhttp.send(); 
       return xmlhttp.responseText; 
      } 
     </script> 
    </head> 

    <body> 
     <div onClick="document.getElementById('bottom').innerHTML = 
         loadPage('hello-world.html');">Home</div> 

     <div id="bottom"></div> 
    </body> 

</html>

Wenn das div-Element Text von „Home“ enthält geklickt wird, setzt es die HTML div-Element mit der ID von „unten“ zum Inhalt in dem „Hallo-world.html“ Dokument an denselben relativen gefunden Lage.

hallo-world.html

<p>hello, world</p>

Quelle

2013-09-21 08:43:48

Danke, aber eine Frage im Hinterkopf. Was ist mit mehr als 1 Seiten? Was würde passieren? – Shaun

Durch wiederholtes Aufrufen dieser Implementierung können mehrere Dokumente geladen, Inhalte ersetzt oder angefügt werden. –

Danke, Alter! Du bist unglaublich. Vielen Dank für deine Hilfe. – Shaun

Ok, was Sie suchen ist eine einzelne Seite Anwendung.

Es gibt viele Technologien der Umsetzung, aber nicht so einfach.

Hier ist ein Tutorial ich es zu tun gefolgt: http://andru.co/building-a-simple-single-page-application-using-angularjs

Wenn Sie weiter mit SPAs gehen wollen, werden Sie sicherlich Winkel Vorlagen benötigen.

Quelle

2013-09-21 08:45:50

Wie eine andere HTML-Datei mit JS laden

Antwort

Verwandte Themen