2016-05-26 12 views
0

私はJavaScriptには新しく、外部JSをhtmlに実行しようとしています。何をしようとしているのは、マウスが1つのimgをホバリングしたときにマウスオーバーが反応するかどうかを確認することです。外部JSは自分のhtmlファイルで作業していませんか?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>GWW- A Global Warming Warning...</title> 

    <link href="style.css" rel="stylesheet"> 
</head> 
<body> 
<div class="gridContainer clearfix"> 
<div class="world"> 
    <img src="poluicao/poluicao0001.png" alt="Mundo"> 
    <div class="botao1"> 
     <img src="poluicao/offbuton.png" alt="but1"> 
    </div> 
    <div class="botao2"> 
     <!--<a href="#" >//--> 
     <img id="readybotao" src="degelo/offbutton.gif" alt="but2"> 
     <!-- </a> //--> 
    </div> 
    </div> 

    </div> 
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
    <script src="javascript.js"</script> 

    </body> 

    </html> 

そして、これが私のJSファイルです:

function buttonon() { 
alert("If it showed up it worked!"); 
} 

    document.getElementById('readybotao').addEventListener("onmousover",buttonon()); 

私が間違っているのか?

var ele = document.getElementById("readybotao"); 
ele.addEventListener("mouseover",buttonon); 
function buttonon() { 
alert("If it showed up it worked!"); 
} 

と終了タグのスクリプト:あなたは>は、このようなライン<script src="javascript.js"</script>

+0

'>' 'ここに行方不明の

0

私が見

<script src="javascript.js"></script> 
+0

ありがとうございました。私は気付かなかった –

関連する問題