Méthode JavaScript pour ajouter des actions doubles aux compétences Buttons_Javascript

L'exemple de cet article décrit comment ajouter des actions doubles aux boutons à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Ici, JavaScript est utilisé pour ajouter deux actions au bouton sur la page Web en même temps. L'une consiste à afficher du texte dans la zone de texte et l'autre consiste à rediriger vers une certaine URL. Le saut du bouton était unique, et celui-ci saute à nouveau. L'action d'attribuer du texte à la zone de texte a été ajoutée lors du transfert. Une fois que vous avez compris le principe, vous pouvez l'utiliser de manière flexible.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-button-two-action-codes/

Le code spécifique est le suivant :

<title>JavaScript给按钮加上双重动作</title>
<script language=JavaScript>
function jdk1x() {
  var num1 = document.x.jdk.value;
  if(num1 == 'three') {
  document.x.jdk.value = document.x.jdk.value
    }
  else {
  document.x.jdk.value = "脚本之家欢迎您！"
    }
location="http://www.jb51.net/"
 }
 </script>
<form name=x>
<input type=button value="脚本之家" onClick="jdk1x()"><br>
<input type=text name=jdk width="300" onChange="document.x.jdk.value=''; return true">
</form>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.