Question

我对JavaScript很陌生，我正在尝试将外部JS执行到html，我试图做的是看看当我的鼠标悬停一个img时鼠标悬停响应。

<!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());

我做错了什么？

Answer 1

像这样更改外部JavaScript：

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

并关闭标记脚本：

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

Answer 2

location.hash === "#identifier"

行上缺少>

外部JS不能在我的html文件中工作？

2 个答案: