web-dev-qa-db-fra.com

JavaScript charge une page sur un clic de bouton

J'essaie de faire une tâche très simple ici, j'aimerais pouvoir cliquer sur un bouton d'une page et que cela me mène à une autre page. J'ai essayé window.location.href, et plein d'autres choses et cela ne fait rien. J'ai essayé différentes plates-formes et différents navigateurs, tous avec le même résultat.

Je sais qu'il peut appeler une fonction, mais je ne parviens pas à charger la nouvelle page. De plus, tout cela se trouve dans mon système de fichiers local et les deux pages sont au même niveau (mais j'ai également essayé de charger une page externe telle que www.Apple.com).

Des pensées?

Merci Patrick

javascriptbuttonload
61
Patrick

Code simple pour rediriger la page

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick="window.location.href = 'http://www.google.com'" />
88
Pranay Rana

N'abusez pas des éléments du formulaire où <a> éléments suffiront.

<style>
    /* or put this in your stylesheet */

    .button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #000;
        background: #eee;
    }

</style>

<!-- instead of abusing a button or input element -->
<a href="url" class="button">text</a>
21
BGerrissen

Juste window.location = "http://wherever.you.wanna.go.com/", ou, pour les liens locaux, window.location = "my_relative_link.html".

Vous pouvez l’essayer en le tapant également dans votre barre d’adresse, par exemple. javascript: window.location = "http://www.google.com/".

Notez également que la partie protocole de l’URL (http://) n'est pas facultatif pour les liens absolus; en l'omettant, javascript prendra un lien relatif.

17
tdammers

Les réponses ici fonctionnent pour ouvrir la page dans la même fenêtre/onglet du navigateur.

Cependant, je voulais que la page s'ouvre dans une nouvelle fenêtre/onglet lorsqu'ils cliquent sur un bouton. (la décision de l'onglet/de la fenêtre dépend du paramétrage du navigateur de l'utilisateur)

Voici comment cela a fonctionné pour ouvrez la page dans un nouvel onglet/fenêtre:

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button>

Il n'est pas nécessaire que ce soit un bouton, vous pouvez l'utiliser n'importe où. Notez le _ blank utilisé pour s'ouvrir dans un nouvel onglet/fenêtre.

4
Tarik