Maison > interface Web > js tutoriel > js cliquez sur le bouton bouton pour accéder à une autre nouvelle compétence page_javascript

js cliquez sur le bouton bouton pour accéder à une autre nouvelle compétence page_javascript

WBOY
Libérer: 2016-05-16 16:34:24
original
1728 Les gens l'ont consulté

Comment passer à une autre page en cliquant sur le bouton ? Nous pouvons en avoir besoin dans la production de sites Web, car nous avons parfois besoin d'obtenir un tel effet, en particulier lorsque le bouton est transformé en image, et lorsque vous cliquez sur l'image pour accéder à une nouvelle page, comment procéder ?

Un tel effet peut être obtenu par : onclick="window.location='new page'".

1. Utilisez

pour accéder directement au formulaire original.

Le code est le suivant

window.location.href="La page à laquelle vous souhaitez accéder";

2. Pour ouvrir la page sous un nouveau formulaire :

Le code est le suivant

window.open('La page à laquelle vous souhaitez accéder');

window.history.back(-1); Revenir à la page précédente

Le code est le suivant

Que devez-vous faire si vous souhaitez vérifier si la saisie est renseignée lorsque vous cliquez sur le bouton pour soumettre ? Lorsque le nom d'utilisateur est saisi ou que d'autres champs sont vides, si vous cliquez sur le bouton sans soumettre, vous pouvez procéder comme suit.

Le code est le suivant

Copier le code Le code est le suivant :



Dans ce cas, lorsque la valeur est vide, cliquer sur le bouton ne passera toujours pas à une autre page ? Cela permet d'obtenir l'effet.

Code de référence de la page de saut JS

Le code est le suivant

Premier type :

Le deuxième type :

alert("retour");
window.history.back(-1);

Le troisième type :

window.navigate("top.jsp");

Le quatrième type :

self.location='top.htm';

Le cinquième type :

alert("Accès illégal!");
top.location='xx.jsp';

=====La boîte de sélection contextuelle en javascript permet d'accéder à d'autres pages=====

Copier le code Le code est le suivant :





=====La boîte de dialogue contextuelle permet d'accéder à d'autres pages en javascript=====
Copier le code Le code est le suivant :




Étiquettes associées:
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