Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Fensterposition und Verlaufsobjekte in der JavaScript-Programmierung_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 15:34:49
Original
1355 Leute haben es durchsucht

Fensterposition

  • Das window.location-Objekt wird verwendet, um die Adresse (URL) der aktuellen Seite abzurufen und den Browser auf die neue Seite umzuleiten.
  • Das window.location-Objekt kann ohne das Fensterpräfix geschrieben werden. Einige Beispiele:
  • Einige Beispiele:
  • location.hostname gibt den Domänennamen des Webhosts zurück
  • location.pathname gibt den Pfad und Dateinamen der aktuellen Seite zurück
  • location.port gibt den Port des Webhosts zurück (80 oder 443)
  • location.protocol gibt das verwendete Webprotokoll zurück (http:// oder https://)

Fensterstandort-Href

Die Eigenschaft location.href gibt die URL der aktuellen Seite zurück.
Beispiel
Geben Sie die gesamte URL (der aktuellen Seite) zurück:

<script>

document.write(location.href);

</script>


Nach dem Login kopieren


Pfadname des Fensterstandorts
Die Eigenschaft location.pathname gibt den Pfadnamen der URL zurück.
Beispiel
Gibt den Pfadnamen der aktuellen URL zurück:

<script>

document.write(location.pathname);

</script>

Nach dem Login kopieren

Die Ausgabe des obigen Codes ist:

/js/js-window-location.html
Nach dem Login kopieren


Fensterstandort zuweisen
Die Methode location.assign() lädt ein neues Dokument.
Beispiel
Laden Sie ein neues Dokument:

<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

Nach dem Login kopieren


Fensterverlauf
Das window.history-Objekt muss beim Schreiben nicht das Fensterpräfix verwenden.
Um die Privatsphäre der Benutzer zu schützen, sind die Zugriffsmethoden von JavaScript auf dieses Objekt eingeschränkt.
Einige Methoden:

  • history.back() – Identisch mit dem Klicken auf die Zurück-Schaltfläche im Browser
  • history.forward() – Identisch mit dem Klicken auf die Schaltfläche „Weiter“ im Browser

Fenster Verlauf zurück

Die Methode „history.back()“ lädt die vorherige URL in der Verlaufsliste.
Dies entspricht dem Klicken auf die Zurück-Schaltfläche in Ihrem Browser:
Beispiel
Erstellen Sie einen Zurück-Button auf der Seite:

<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

Nach dem Login kopieren


Fensterverlauf weiterleiten
Die Methode „history forward()“ lädt die nächste URL in der Verlaufsliste.
Dies entspricht dem Klicken auf die Weiter-Schaltfläche in Ihrem Browser:
Beispiel
Erstellen Sie eine Weiterleitungsschaltfläche auf der Seite:

<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage