Maison > interface Web > js tutoriel > le corps du texte

Quelle est la différence entre « window.location.href » et « window.open() » en JavaScript ?

Susan Sarandon
Libérer: 2024-11-05 03:22:02
original
773 Les gens l'ont consulté

What's the Difference Between `window.location.href` and `window.open()` in JavaScript?

La distinction subtile : window.location.href vs window.open() en JavaScript

Quand il s'agit de naviguer dans les navigateurs et d'ouvrir nouvelles fenêtres, JavaScript propose deux outils essentiels : window.location.href et window.open(). Bien que ces méthodes servent des objectifs similaires, elles diffèrent par leurs fonctionnalités.

window.location.href

window.location.href n'est pas réellement une méthode, mais plutôt un propriété qui stocke l’URL actuelle du navigateur. Il est principalement utilisé pour récupérer l'URL de la page actuelle. Cependant, vous pouvez également définir la valeur de window.location.href pour modifier l'emplacement du navigateur, redirigeant ainsi efficacement la page vers une nouvelle URL.

window.open()

En revanche, window.open() est une méthode qui vous permet d'ouvrir une nouvelle fenêtre ou un nouvel onglet et d'y charger une URL spécifiée. Cette méthode prend un seul paramètre, qui est l'URL que vous souhaitez ouvrir. En transmettant différentes URL, vous pouvez remplir la nouvelle fenêtre ou l'onglet avec un contenu distinct.

Exemples d'utilisation

Pour illustrer leur utilisation :

Pour window.location.href :

<code class="javascript">window.location.href = 'http://www.example.com'; // Redirects to www.example.com</code>
Copier après la connexion

Pour window.open() :

<code class="javascript">window.open('http://www.example.com'); // Opens www.example.com in a new window</code>
Copier après la connexion

Points supplémentaires

  • window.open() vous permet de personnaliser les fonctionnalités de la fenêtre nouvellement ouverte, telles que ses dimensions et sa position.
  • window.open() peut également être utilisée pour ouvrir une nouvelle fenêtre sans URL, vous permettant de créer une page vierge.
  • Les deux méthodes fonctionnent sur différents navigateurs et systèmes d'exploitation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!