アットウィキロゴ

Javascript基礎⑤(関数と引数)

●関数と引数

引数を指定した関数の呼び出し

・関数

function 関数(引数){
処理
}

・呼び出し

イベントハンドラ = "関数(引数)"

※呼び出しの"関数(引数)"で代入された引数の値を、function 関数(引数)に引数に引き渡し、処理を行う。
再度"関数(引数)"に戻し、表示する。

【引数の記述】

  数値の場合はそのまま
    ⇒例:abc(s)

  文字の場合は「''」(シングルクォーテーション)でくくる
    例:abc('富士山')


例:

<script language="javascript">
  function abc(s){
    var a = s * 3;
alert(a);
  }
</script>

<body>
  <button onclick = "abc(5)">計算結果</button>
</body>

以下のように表示、

計算結果というボタンを押すと、ポップアップで「15」と表示される。

※これは、
①abc(5)の5がfunction abc(s)に引き渡され、s = 5と代入される。
②関数で処理が行われa = 15となり、「alertで15を表示するという命令」ができる。
③「alertで15を表示するという命令」が、イベントハンドラから呼び出され、onclick(ボタンを押したら実行)のタイミングで処理される。


【複数の引数を指定する場合】

「,」(カンマ)で区切る

  • 関数
function 関数(引数a,引数b,引数c){
処理
}

  • 呼び出し
イベントハンドラ = "関数(引数a,引数b,引数c)"

例:
var kakaku;
  function zeiG(name,kakaku){
     zeikomi= kakaku * 1.05;
	alert(name + "の税込価格は" + zeikomi + "円");
  }



・商品A(1000円)<button onclick = "zeiG('商品A',1000)">税込価格は</button>

以下のように表示、

alertのポップアップで「商品Aの税込価格は1050円」と表示される
最終更新:2012年01月11日 19:13
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。