HTML タグの属性として onclick に関数を指定すると、HTML と JavaScript の記述が混ざってしまいます。HTML と JavaScript を分離するためにイベントハンドラを HTML の head 内に記述した例です。
実行をクリックすると、alert が実行されます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <meta http-equiv="Content-Type" content="charset=UTF-8" /> <title>test</title> <script type="text/javascript"> window.onload = function(){ document.getElementById('exec').onclick = function(){ alert('ほげ'); } } </script> </head> <body> <a href="#" id="exec">実行</a> </body> </html> |