1

私は JavaScript を始めたばかりで、さまざまなボタンにさまざまなことをさせる方法を知りたいと思っていました。これまでのところ、1 つのボタンで 1 つのことを実行できますが、2 番目のボタンで別のことを実行するにはどうすればよいでしょうか? コーディングは次のとおりです。

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Your Name");
if (name!=null && name!="")
  {
  alert("Thanks for clicking " + name + "!");
  window.top.location.replace("http://www.google.com");
  }
}
</script>
</head>
<body>
<ul>
<li>
<input type="button" onclick="show_prompt()" value="Button One" />
</ul>
</body>
</html>
4

4 に答える 4

1

私はあなたが異なるボタンで異なることをしたいと思っていたと思いますが、同じ機能から：

JavaScript:

function myFunction(str) {
    if(str.length > 3){
        alert("big");
    }else{
        alert("small");
    }
}

HTML:

<input type="button" onclick="myFunction('test');" value="Button 1" />
<input type="button" onclick="myFunction('hi');" value="Button 2" />

私の仮定が間違っている場合は、別の機能を作成し、ボタンonclickをそれぞれの機能に置き換えてください

于 2012-04-12T02:36:45.980 に答える
0

別の関数を定義し、2番目のボタンをそれにバインドします！

function alert_hi() {
    alert("Hi!");
}

<input type="button" onclick="alert_hi()" value="Button Two" />

それがあなたの興味を引くなら、私はEloquentJavascriptを強くお勧めします。

于 2012-04-12T02:27:07.983 に答える
0

2 番目のボタンに何かをさせることは、基本的に最初のボタンに何かをさせることと同じです。2 つの機能と 2 つのボタンだけです。これはあなたが尋ねていることだと思います。

<html>
    <head>
    <script type="text/javascript">
        function doSomething()
        {
           // Do something when button one is clicked
        }

        function doSomethingElse() 
        {
           // Do something else when button two is clicked
        }
    </script>
</head>
<body>
    <input type="button" onclick="doSomething()" value="Button One" />
    <input type="button" onclick="doSomethingElse()" value="Button Two" />
</body>
</html>
于 2012-04-12T02:29:48.270 に答える
0

学習に真剣に取り組んでいる場合は、イベント登録モデルについて読むことができます。

あなたの例の場合。

js

var btn1 = document.getElementById('btn1'),
    btn2 = document.getElementById('btn2');
btn1.addEventListener('click', show_me, false); // i am not IE friendly
btn2.addEventListener('click', show_me, false); // you can replace show_me with any function you would like.
function show_me() {
    alert(this.value + ' was clicked'); // this references the element which the click event was invoked on.
}

html

<input type="button" id="btn1" value="Button One" />
<input type="button" id="btn2" value="Button Two" />
于 2012-04-12T02:33:52.747 に答える