suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Fensterposition und Verlaufsobjekte in der JavaScript-Programmierung_Grundkenntnisse

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

WBOY
WBOYOriginal
2016-05-16 15:34:491377Durchsuche

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>


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>

Die Ausgabe des obigen Codes ist: 

/js/js-window-location.html


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>


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>


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>

Stellungnahme：
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
Vorheriger Artikel：Umgang mit mehreren Parallelitätsproblemen in JavaScript_Javascript-KenntnissenNächster Artikel：Umgang mit mehreren Parallelitätsproblemen in JavaScript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen