●関数と引数
引数を指定した関数の呼び出し
・関数
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