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

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

WBOY

Freigeben： 2016-05-16 15:34:49

Original

1374 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