Codes pour neuf boutons d'effets spéciaux dans la production de pages Web

Les boutons sont inévitablement utilisés dans la production de pages Web. Cet article répertorie certains codes de boutons couramment utilisés.

Afficher le code source

Voici une citation :
<input TYPE="bouton" NAME="view" VALUE="Afficher le code source" OnClick="window.location='view-source:' +window.location.href" >

Revenir à l'étape précédente

Voici une citation :
<input TYPE="bouton" VALUE="Retour à l'étape précédente" ONCLICK="history.back(-1)">

Actualiser le premier bouton

Voici une citation :
<input TYPE="bouton" VALUE="Actualiser le bouton un" ONCLICK="ReloadButton()">
<langage de script="JavaScript">
<!--
fonction ReloadButton(){location.href="3.html";}
// -->
</script>

Actualiser le bouton deux

Voici une citation :
<p>
<input TYPE="button" VALUE="Actualiser le bouton deux" onClick="history.go(0)">

Bouton Retour à la page d'accueil

Voici une citation :
<input TYPE="bouton" VALUE="Bouton Accueil" ONCLICK="HomeButton()">
<langage de script="JavaScript">
<!--
fonction HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>

Boîte d'avertissement contextuelle

Voici une citation :
<input TYPE="button" VALUE="Boîte d'avertissement contextuelle" ONCLICK="AlertButton()">
<langage de script="JavaScript">
<!--
function AlertButton(){window.alert("Avez-vous bu aujourd'hui ? :)");}
// -->
</script>

informations sur la barre d'état

Voici une citation :
<p>
<input TYPE="bouton" VALUE="Informations sur la barre d'état" ONCLICK="StatusButton()">
<langage de script="JavaScript">
<!--
function StatusButton(){window.status="Comment vas-tu ? :)";}
// -->
</script>

changement de couleur d'arrière-plan

Voici une citation :
<input TYPE="button" VALUE="Changement de couleur d'arrière-plan" onClick="BgButton()">
<langage de script="JavaScript">
<!--
fonction BgButton(){
si (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
autre{document.bgColor='#3399ff';}
}
// -->
</script>

Ouvrir une nouvelle fenêtre

Voici une citation :
<input TYPE="button" VALUE="Ouvrir une nouvelle fenêtre" ONCLICK="NewWindow()">
<langage de script="JavaScript">
<!--
function NewWindow(){window.open(http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no , répertoires=non,menubar=non");}
// -->
</script>