Windows7 64ビット IE9 次のスクリプトでボタンを押しても反応しません。どこがおかしいのでしょうか。教えてください。貯血スケジュールの作成問題 16+21= 答えを見る

ジャバスクリプトが動かない

解決済

質問者：shinseikoutei
質問日時：2012/01/25 14:10
回答数：4件

Windows7　64ビット　IE9

次のスクリプトでボタンを押しても反応しません。
どこがおかしいのでしょうか。教えてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta content="text/html; charset=Shift_JIS" http-equiv="content-type">
<title>貯血スケジュールの作成</title>

<script language="JavaScript">

</script>

</head><body>

<h3>問題</h3>
16+21= <button onclick="kotae()">答えを見る</button>
</body></html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2012/01/25 14:35

buttonタグは必須でしょうか？

ブラウザによってはサブミットされてしまうので工夫が必要です。

対応１：falseを返す
<script>
function kotae(){
var kai = 37;
alert(kai);
return false;
}
</script>
<h3>問題</h3>
16+21= <button onclick="return kotae();">答えを見る</button>

対応２：inputを使う
<script>
function kotae(){
var kai = 37;
alert(kai);
}
</script>
<h3>問題</h3>
16+21= <input type="button" value="答えを見る" onclick="kotae();">

- 0
- 件

通報する

この回答へのお礼

どっちもやってみましたが動かないんですよね。
ボタンは表示されるんですが。
下のページのジャバスクリプトのサンプルはちゃんと動くんです。何がいけないのか分からないんですよね・・・
http://javascript.eweb-design.com/0501_alt.html

通報する

お礼日時：2012/01/25 17:19

No.4

回答者： taloo
回答日時：2012/01/26 02:52

No.3です。

、、、と思ったんですが、
エラーメッセージは出てますか？
エラーメッセージもない、No.1の対処２で動かないなら、ブラウザの設定だと思います。

ブラウザの設定でJavaScriptを使えるようにしてください。
ウェブサーバーにアップロードするなど、HTTP経由で読み込むかの確認もしてください。

- 0
- 件

通報する

この回答へのお礼

何も設定を変えていないのに突然動くようになりました。
すみません。お騒がせしました。

通報する

お礼日時：2012/01/26 08:19

No.3

回答者： taloo
回答日時：2012/01/26 02:46

<button type="button" onclickその他同じ

としてみてください。

type属性を省略するとsubmitボタンとなります。
HTML4では<form>の外にあるsubmitボタンに関する規定はありません。（どんな動作をしてもかまわない）
HTML5では「何もしない」とだけ規定があります。
（イベントハンドラも何もしないのか、form送信のような行動"だけ"何もしない（イベントハンドラは処理する）のかの区別が規定されていません。）

ので、こういうブラウザに依存するところはデフォルト設定に任せるのではなく、明確に指定する方が良いです。