Explication détaillée de l'emplacement de la fenêtre et des objets d'historique dans la programmation JavaScript

Explication détaillée de l'emplacement de la fenêtre et des objets d'historique dans la programmation JavaScript_Connaissances de base

WBOY

Libérer： 2016-05-16 15:34:49

original

1373 Les gens l'ont consulté

Emplacement de la fenêtre

L'objet window.location permet d'obtenir l'adresse (URL) de la page actuelle et de rediriger le navigateur vers la nouvelle page.
L'objet window.location peut être écrit sans le préfixe window. Quelques exemples :
Quelques exemples :
location.hostname renvoie le nom de domaine de l'hébergeur Web
location.pathname renvoie le chemin et le nom de fichier de la page actuelle
location.port renvoie le port de l'hébergeur web (80 ou 443)
location.protocol renvoie le protocole web utilisé (http:// ou https://)

Emplacement de la fenêtre Href

La propriété location.href renvoie l'URL de la page actuelle.
Exemple
Renvoie l'URL complète (de la page actuelle) :

<script>

document.write(location.href);

</script>

Copier après la connexion

Nom du chemin d'emplacement de la fenêtre
La propriété location.pathname renvoie le chemin d'accès de l'URL.
Exemple
Renvoie le chemin de l'URL actuelle :

<script>

document.write(location.pathname);

</script>

Copier après la connexion

Le résultat du code ci-dessus est :

/js/js-window-location.html

Copier après la connexion

Attribution de l'emplacement de la fenêtre
La méthode location.assign() charge un nouveau document.
Exemple
Charger un nouveau document :

<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>

Copier après la connexion

Historique des fenêtres
L'objet window.history n'a pas besoin d'utiliser le préfixe window lors de l'écriture.
Pour protéger la confidentialité des utilisateurs, les méthodes JavaScript d'accès à cet objet sont restreintes.
Quelques méthodes :

history.back() - Identique à cliquer sur le bouton retour dans le navigateur
history.forward() - Identique à cliquer sur le bouton Suivant dans le navigateur

Historique des fenêtres Retour

La méthode history.back() charge l'URL précédente dans la liste de l'historique.
Cela revient à cliquer sur le bouton Précédent de votre navigateur :
Exemple
Créez un bouton retour sur la page :

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

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

</body>
</html>

Copier après la connexion

Historique des fenêtres en avant
La méthode history forward() charge l'URL suivante dans la liste d'historique.
Cela revient à cliquer sur le bouton Suivant de votre navigateur :
Exemple
Créez un bouton Suivant sur la page :

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

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

</body>
</html>

Copier après la connexion