Question

我有一个按钮，我想在点击它时调用它。现在它只是测试。就在我现在运行它时，按钮似乎无法点击开始。

的index.html：

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
    <script type="text/javascript" src="javascript/javascript.js"></script>
  </head>
  <body>
    <h1>
      <img src="#" alt=""/>
    </h1>

    <h3>1. Getting Store categories</h3>
    <button  onclick="getCategories()">Click here to Get Categories.</button> 
    <p></p>

  </body>
</html>

javascript.js：

function getcategories()
{
    alert("TEST");
}

EDDIT：stylesheet.css：

* {
    font-family: Ariel, Verdana, sans-serif;
}

h1 {
    text-align: center;
    color: #fff;
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
    font: 80px 'ChunkFiveRegular';
}

img {
    position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

body  {
    background-color: #cccccc;
}

Answer 1

在您编写的HTML中

getCategories

但是在你写的JS中

getcategories

确保这些匹配。将来，打开您的开发工具（点击F12）并查看控制台。它会显示一条错误，说你正在调用一个未定义的函数。

Answer 2

JavaScript区分大小写。 getcategories和getCategories是不同的功能。将套管更改为两者都相同，这将解决您的问题。

该按钮不是调用javascript函数

2 个答案: