Maison  >  Article  >  interface Web  >  Comment implémenter le saut de page Web en javascript (exemple de code)

Comment implémenter le saut de page Web en javascript (exemple de code)

PHPz
PHPzoriginal
2023-04-25 09:13:212194parcourir

En JavaScript, il existe de nombreuses façons d'accéder à des pages Web. Les méthodes suivantes sont courantes :

  1. Utilisez window.location.href

window.location.href pour accéder directement à la page actuelle vers l'URL spécifiée, codez As suit :

window.location.href = "http://www.example.com";
  1. Utilisez window.open

window.open pour ouvrir une nouvelle fenêtre ou un nouvel onglet et accéder à l'URL spécifiée. Le code est le suivant :

window.open("http://www.example.com", "_blank");

Parmi eux, "_blank" signifie dans une nouvelle fenêtre. ou l'onglet pour ouvrir le lien.

  1. Utilisez location.replace

location.replace pour accéder à l'URL spécifiée et remplacer la page actuelle afin que la page d'origine ne soit plus dans l'historique du navigateur. Le code est le suivant :

location.replace("http://www.example.com");

En raison du remplacement du. Page actuelle, il est recommandé de confirmer l'opération de l'utilisateur avant d'effectuer l'opération de saut.

  1. Utiliser la soumission de formulaire

En HTML, vous pouvez utiliser la soumission de formulaire pour accéder à l'URL spécifiée. Le code est le suivant :

<form action="http://www.example.com" method="get">
  <input type="submit" value="跳转">
</form>

Spécifiez l'URL de saut via l'attribut d'action dans le formulaire, et elle le fera automatiquement. sauter lorsque le formulaire est soumis.

Résumé

Ci-dessus, il existe plusieurs façons d'accéder à des pages Web en JavaScript. La méthode à utiliser doit être choisie en fonction des besoins spécifiques. Parmi eux, window.location.href, window.open et location.replace peuvent être appelés directement en JavaScript, tandis que le formulaire doit être utilisé en HTML.

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!

Déclaration:
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