Javascriptで、見出しタグをクリックすると、アラート画面がポップアップするプログラムです。
scriptタグ内で定義されたpopup()という関数が、「onclick = “popup()」という命令でh1タグをクリックしたときに呼び出されます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html lang="ja"> <head> <title>ページクリック</title> <!--Javascriptの記述 --> <script type="text/javascript"> function popup() { window.alert("出現！"); } </script> </head> <body> <!--h1タグをクリックするとpopup関数が呼び出される記述 --> <h1 onclick = "popup()">クリックすると何かが出現！</h1> </body> </html> |
また、ページを読み込んだだけでアラートがでるプログラムが次です。bodyタグのところに、アラートを出す関数を呼び出す「onload = “popup()”」が変更されただけです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html lang="ja"> <head> <title>ページオンロード</title> <!--Javascriptの記述 --> <script type="text/javascript"> function popup() { window.alert("出現！"); } </script> </head> <!--ページが読み込まれるとpopup関数が呼び出される記述 --> <body onload = "popup()"> <h1>ページが読み込まれるだけで何かが出現！</h1> </body> </html> |
