Comment réaliser un saut de page en cliquant sur un bouton en HTML

Méthode : 1. Utilisez l'événement onclick et ajoutez "onclick="window.location.href=address"" dans la balise ; 2. Enveloppez une balise a dans la balise bouton et utilisez href dans la balise a. . Ajoutez le code de saut à l'attribut.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Méthode 1 : Utilisez l'événement onclick

<input type="button" value="按钮"
onclick="javascrtpt:window.location.href=&#39;http://www.baidu.com/&#39;" />

ou utilisez directement la balise bouton

<button onclick="window.location.href = &#39;https://www.baidu.com/&#39;">百度</button>

Méthode 2 : Enduisez la balise bouton d'une balise a

<a href="http://www.baidu.com/">
    <button>百度</button>
</a>

ou utilisez

<a href="http://www.baidu.com/">
      <input type="button" value="百度" />
</a>

Méthode 3 : Utiliser la fonction JavaScript

<script>
      function jump() {
        window.location.href = "http://www.baidu.com/";
      }
    </script>
    <input type="button" value="百度" onclick="javascrtpt:jump()" />
    <!-- 或者<input type="button" value="百度" onclick="jump()" />  -->
    <!-- 或者<button onclick="jump()">百度</button> -->

Apprentissage recommandé : Tutoriel vidéo 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!