2004年10月29日
アラートスクリプト【 alert 】
ソースは以下のようになります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>
alert</title>
</head>
<body>
<script type="text/javascript">
<!--
function viewAlertMessage()
{
alert( "メッセージを表示しました。");
}
//-->
</script>
<input type="button" value="メッセージ出すよ" onclick="viewAlertMessage()">
</body>
</html>
どうでしょうか、分かりましたか？
では、また来週〜。
って？分からないですよね？
とりあえず簡単に説明しますと･･･
青色の部分がJavaScriptで書かれています。
<input type="button" value="メッセージ出すよ"
の部分で「メッセージ出すよ」のボタン(button)を作っています。
この後に onclick="viewAlertMessage()"> と続く訳ですが、
onclick=""は、クリックされたら""の中の物を実行しなさいって意味になります。
今回の場合は、viewAlertMessage()と書かれていますね。
これは、JavaScriptの中にあるviewAlertMessage()を実行する。という意味です。
では、JavaScriptの中には何が書いてあるかというと･･･
alert( "メッセージを表示しました。");
だけですね。
alertは、""の中の文字列をダイアログで表示するだけのものです。
この""の中の文字列を変更するとで表示するメッセージを変えることができます。
と、説明しといて何ですが、
命令１つだけだったら、つまるところボタンのonclick=""の中にalert()を入れてやればいいじゃんって思った人は、、、正解です。
↓このように
<input type="button" value="ボタンだけで" onclick="alert('メッセージを出せます。')">
一行だけでメッセージが表示できますね。。。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>
alert</title>
</head>
<body>
<script type="text/javascript">
<!--
function viewAlertMessage()
{
alert( "メッセージを表示しました。");
}
//-->
</script>
<input type="button" value="メッセージ出すよ" onclick="viewAlertMessage()">
</body>
</html>
どうでしょうか、分かりましたか？
では、また来週〜。
って？分からないですよね？
とりあえず簡単に説明しますと･･･
青色の部分がJavaScriptで書かれています。
<input type="button" value="メッセージ出すよ"
の部分で「メッセージ出すよ」のボタン(button)を作っています。
この後に onclick="viewAlertMessage()"> と続く訳ですが、
onclick=""は、クリックされたら""の中の物を実行しなさいって意味になります。
今回の場合は、viewAlertMessage()と書かれていますね。
これは、JavaScriptの中にあるviewAlertMessage()を実行する。という意味です。
では、JavaScriptの中には何が書いてあるかというと･･･
alert( "メッセージを表示しました。");
だけですね。
alertは、""の中の文字列をダイアログで表示するだけのものです。
この""の中の文字列を変更するとで表示するメッセージを変えることができます。
と、説明しといて何ですが、
命令１つだけだったら、つまるところボタンのonclick=""の中にalert()を入れてやればいいじゃんって思った人は、、、正解です。
↓このように
<input type="button" value="ボタンだけで" onclick="alert('メッセージを出せます。')">
一行だけでメッセージが表示できますね。。。
Posted by sense at 03:17│Comments(7)│TrackBack(0)
この記事へのトラックバックURL
http://blogs.dion.ne.jp/sense/tb.cgi/179570
この記事へのコメント
こんにちは、JavaScript講座一期生のちゃじゅびです（ｗ
senseさんは、このソースを直にフリーエリアに書いているんですよね？
前、サイドバーにバナー広告を表示しようとしたら
JavaScriptのエラーアラートが出て
「宣言されていないスクリプトです」
といわれたんですが、
ブログのhtml自体はイジってないんですよね？
javaの頭部分で宣言してることになっているんですよね？
すみません、質問ばかりで。
この間のＵＲＬの件も
お答えありがとうございました
（↑だいぶ遅くなりましたが
・・・でもいまいちよくわからず・・・
飲み込みの悪い生徒です（卒業できないかも
senseさんは、このソースを直にフリーエリアに書いているんですよね？
前、サイドバーにバナー広告を表示しようとしたら
JavaScriptのエラーアラートが出て
「宣言されていないスクリプトです」
といわれたんですが、
ブログのhtml自体はイジってないんですよね？
javaの頭部分で宣言してることになっているんですよね？
すみません、質問ばかりで。
この間のＵＲＬの件も
お答えありがとうございました
（↑だいぶ遅くなりましたが
・・・でもいまいちよくわからず・・・
飲み込みの悪い生徒です（卒業できないかも
Posted by ちゃじゅび at 2004年10月29日 12:41
コメントありがとうございます。
スイマセン、講座を開けるほど知識がありません。。。(；¬¬)
「宣言されていないスクリプトです」･･･致命的なエラーですね･･･。
ブログは、イジってません。
たぶん、注意すべきは、フォーマットだと思います。
フリーエリアの設定をするときにフォーマットを「改行をタグに変換」にしておくと、きっとJavaScriptが正しく動きません。
このフォーマットを「変換しない」に変更するとすんなり動いたりしますね。
＞javaの頭部分で宣言してることになっているんですよね？
スイマセン、よく分かりませんが、たぶん言いたいことは合っています。
最初のjavaの記述でviewAlertMessage命令を宣言したっていうことです。
そうですね。。。説明追加しないと分かり難いですね〜。
URLの件は、実際に動作させた訳ではないので、分かりましたらお知らせ･･･するかもしれません(；−−) (そして、いつの間にか忘れて・・・)
スイマセン、講座を開けるほど知識がありません。。。(；¬¬)
「宣言されていないスクリプトです」･･･致命的なエラーですね･･･。
ブログは、イジってません。
たぶん、注意すべきは、フォーマットだと思います。
フリーエリアの設定をするときにフォーマットを「改行をタグに変換」にしておくと、きっとJavaScriptが正しく動きません。
このフォーマットを「変換しない」に変更するとすんなり動いたりしますね。
＞javaの頭部分で宣言してることになっているんですよね？
スイマセン、よく分かりませんが、たぶん言いたいことは合っています。
最初のjavaの記述でviewAlertMessage命令を宣言したっていうことです。
そうですね。。。説明追加しないと分かり難いですね〜。
URLの件は、実際に動作させた訳ではないので、分かりましたらお知らせ･･･するかもしれません(；−−) (そして、いつの間にか忘れて・・・)
Posted by sense at 2004年10月30日 04:49
お邪魔しますー。
おもしろくてつい何度もﾎﾟﾁﾎﾟﾁと…（ ≧ω≦）ノシ□
おもしろくてつい何度もﾎﾟﾁﾎﾟﾁと…（ ≧ω≦）ノシ□
Posted by Yuz at 2004年10月30日 16:25
コメントありがとうございます。
何度でも押してください。(笑)
特別な物は出てきませんけど…(;-_-)
何度でも押してください。(笑)
特別な物は出てきませんけど…(;-_-)
Posted by sense@モブログ at 2004年10月31日 05:52
おしまくり〜（笑
前、どっかのサイトで
こんなボタンを利用したイタズラがあって
心臓飛び出しそうになった事があります。
勇気のある人はこのボタンを押してみてっていうんで
「ポチ」→「ハードディスクを初期化します」ってメッセージ････
フリーズしたよ、わたしゃ。
注意書きに「心臓の弱い人はやっちゃダメ！」ってあったけど
確かに、これ↑心臓に悪かったです（笑
ボタンってこうやって作るんですね〜勉強になりました。
前、どっかのサイトで
こんなボタンを利用したイタズラがあって
心臓飛び出しそうになった事があります。
勇気のある人はこのボタンを押してみてっていうんで
「ポチ」→「ハードディスクを初期化します」ってメッセージ････
フリーズしたよ、わたしゃ。
注意書きに「心臓の弱い人はやっちゃダメ！」ってあったけど
確かに、これ↑心臓に悪かったです（笑
ボタンってこうやって作るんですね〜勉強になりました。
Posted by ぴよぴよ at 2004年10月31日 09:23
お答えありがとうございました！
確かにあの
「改行をタグに変換」
盲点でした
密かに「心の師匠」と
呼ばせていただきます（ｗ
・・・てか、
牛君とかえる君が・・・
確かにあの
「改行をタグに変換」
盲点でした
密かに「心の師匠」と
呼ばせていただきます（ｗ
・・・てか、
牛君とかえる君が・・・
Posted by ちゃじゅび at 2004年10月31日 13:03
コメントありがとうございます。
▼
＞ぴよぴよさん
「ハードディスクを初期化します」ってのは、フリーズしますね･･･(＾＾；)
ボタンの作り方、分かりましたか？
いたずらにはあんまり使わないでくださいね(笑)
▼
＞ちゃじゅびさん
また、分からないことがありましたら聞いてやってください。
なるべく、答えますので。
うし君が･･･(；¬¬)
▼
＞ぴよぴよさん
「ハードディスクを初期化します」ってのは、フリーズしますね･･･(＾＾；)
ボタンの作り方、分かりましたか？
いたずらにはあんまり使わないでくださいね(笑)
▼
＞ちゃじゅびさん
また、分からないことがありましたら聞いてやってください。
なるべく、答えますので。
うし君が･･･(；¬¬)
Posted by sense at 2004年11月01日 00:17
アラートスクリプト【 alert 】 
耳に残るあの曲。いますぐiTunesでダウンロード。
