2017-03-12 7 views
0

Ich arbeite an einer Webseite für einen (deutschsprachigen) Teamspeak-Server, den ich gemacht habe und mir ist gerade aufgefallen, dass wenn ich auf einen Link klicke, nur eine weiße Seite bis zum Inhalt zeigt ist voll geladen und bereit zu zeigen.Webseite aktiv halten, während die nächste Seite geladen wird

Jetzt ist meine Frage, wie funktioniert Youtube (und einige andere Seiten) in diesem Teil? Youtube zeigt die ganze Seite an, nachdem du zum Beispiel auf etwas geklickt hast. Es gibt nur eine kleine Ladezeile oben, aber nur der Hauptteil der Seite lädt, während das Seitenmenü und die Kopfzeile genau so bleiben, wie sie vorher waren.

Ich hoffe, Sie verstehen, was ich meine (wenn nicht zögern, so zu fragen, kann ich versuchen, es ein wenig besser zu erklären).

Webseite im arbeiten am (deutsch): http://dissconnection.de/ Wenn Sie auf etwas in der Kopfzeile klicken, sehen Sie, dass es für einen kurzen Moment leer ist und ich möchte, dass die Kopfzeile beim Laden bleibt.

(Ich denke, das ist möglich mit Frames, aber ich möchte sie nicht zu oft verwenden und ich denke, Youtube verwendet Frames auch nicht für diese).

+1

YouTube macht intensiven Gebrauch von JavaScript, um eine „einzelne Seite Anwendung“ Erfahrungen enger zu erstellen. (Vielleicht nicht ganz, aber die Konzepte sind sehr ähnlich.) Sie laden eine Menge Inhalte über AJAX statt Seitenladevorgänge. Eine gewisse Verwendung von Frames ist auch gegebenenfalls möglich. – David

+0

Sie werden nachschlagen, wie Sie Jquery und AJAX verwenden, um damit zu beginnen. Dann würde ich empfehlen, danach in AngularJS zu schauen. Diese sollten dir einen guten Startpunkt geben. –

Antwort

0

YouTube und viele andere Websites verwenden JavaScript-Frameworks, um 'Single Page Application' Art von Websites zu erstellen.

Mit dieser Entwicklungstechnik können Sie als Entwickler angeben, welche Komponenten Sie neu laden möchten und welche nicht unbedingt geändert werden sollen (z. B. Kopf- und Fußzeilen, Seitenleisten).

Schauen Sie sich an, wie Angular 2 und React.js funktionieren.

Sie können immer noch etwas ähnliches mit Ajax tun, aber das Erlernen eines JavaScript-Frameworks wird Ihnen auf lange Sicht helfen.

Verwandte Themen