JavaScriptでJavascript関数が認識されない

画像上でマウスオーバーでJavaスクリプト関数を呼び出そうとしていますが、デバッガは「関数が定義されていません」と表示します。なぜこのエラーが出るのか分かりません。 Javaスクリプトとタグは正しいと思われ、関数を呼び出すための正しい構文を使用しているようです。JavaScriptでJavascript関数が認識されない

<!DOCTYPE HTML> 
 
     <html> 
 
     <head> 
 
     <meta charset="utf-8"> 
 
     <title>Chapter11-1</title> 
 
     <script type="text/javascipt"> 
 
     
 
     function overButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_over.gif" 
 
     \t document.getElementById(img).src=buttonImg 
 
     \t } 
 
     
 
     \t function downButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_down.gif" 
 
     \t document.getElementById(img).src=buttonImg 
 
     \t } 
 
     
 
     \t function upButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_up.gif" 
 
     \t document.getElementById(img).src=buttonImg 
 
     \t } 
 
     </script> 
 
     </head> 
 
     <body> 
 
     <div id="banner_logo"><img src="chapter11-1banner.jpg" width="745" height="150" alt="banner" id="banner" /></div> 
 
     <table class="centerItems"> 
 
     \t <tr> 
 
     \t <td> 
 
     \t <a href="#"> 
 
     \t <img src="chapter11-1home_up.gif" id="home" alt="home" onMouseOver="overButton('home')" onMouseDown="downButton('home')" onMouseOut="upButton('home')" onMouseUp="upButton('home')" /></a> 
 
     \t </td> 
 
     </body> 
 
     </html>

出典

2016-11-22 jan86

それはコメントアウトされなければならないtypo.Itです。 – jan86

あなたのHTMLは無効です。これは主な問題です。閉じずにTRを開いたり、閉じられていないテーブルなどがあります。 – adeneo

マークアップ全体を追加します。 – jan86

あなたは "JavaScriptの" 間違って綴らので、それは動作しません。

<script type="text/javascript">

か、単に

<script>

から
変更し、この

<script type="text/javascipt">

それ以外の場合は、スクリプトタグではJavaScript

以外のもので、イベントのために小文字を使用することを想定しています、好ましくはを使用します

出典

2016-11-22 02:35:06 adeneo

<!DOCTYPE HTML> 
 
     <html> 
 
     <head> 
 
     <meta charset="utf-8"> 
 
     <title>Chapter11-1</title> 
 

 
     </head> 
 
     <body> 
 
     <div id="banner_logo"><img src="chapter11-1banner.jpg" width="745" height="150" alt="banner" id="banner" /></div> 
 
     <table class="centerItems"> 
 
     \t <tr> 
 
     \t <td> 
 
     \t <a href="#"> 
 
     \t <img src="chapter11-1home_up.gif" id="home" alt="home" onMouseOver="overButton('home')" onMouseDown="downButton('home')" onMouseOut="upButton('home')" onMouseUp="upButton('home')" /></a> 
 
     \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
     </body> 
 
\t \t <script> 
 
\t \t \t function overButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_over.gif"; 
 
     \t document.getElementById(img).src=buttonImg; 
 
     \t } 
 
     
 
     \t function downButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_down.gif"; 
 
     \t document.getElementById(img).src=buttonImg; 
 
     \t } 
 
     
 
     \t function upButton(img) { 
 
     \t buttonImg="chapter11-1"+img+"_up.gif"; 
 
     \t document.getElementById(img).src=buttonImg; 
 
     \t } 
 
     </script> 
 
     </html>

出典

2016-11-22 02:41:07

JavaScriptでJavascript関数が認識されない

答えて

関連する問題