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

PHPz
Libérer: 2023-04-25 10:09:27
original
2191 Les gens l'ont consulté

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";
Copier après la connexion
  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");
Copier après la connexion

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");
Copier après la connexion

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>
Copier après la connexion

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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal