ボタンにダブルアクションを追加する JavaScript メソッド_JavaScript スキル

この記事の例では、JavaScript を使用してボタンにダブル アクションを追加する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

ここでは、JavaScript を使用して Web ページ上のボタンに 2 つのアクションを同時に追加します。1 つはテキスト ボックスにテキストを表示することで、もう 1 つは特定の URL にリダイレクトすることです。ボタンジャンプはシングルでしたが、今回は転送時にテキストボックスにテキストを割り当てるアクションが追加されました。原理を理解すると、柔軟に使用できます。

実行中のエフェクトのスクリーンショットは次のとおりです:

オンライン デモのアドレスは次のとおりです:

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

具体的なコードは次のとおりです:

<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>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。