Javascript Click 功能不起作用？

Question

我正在努力让我的新网站更具交互性，所以我决定从我的旧网站中删除一些 javascript，这些 javascript 曾经在按下按钮时使 CSS 中的主体背景改变颜色。现在我已将所有代码添加到我的新网站中，但它根本不起作用，我不知道为什么，

这是我的 HTML

<input id="bodycolorgreen" type="button" value="Green">

这是我的Javascript

$(document).ready(function () {

  $("#bodycolorgreen").click(function () {
    $("body").css("background-color", "green");
  });
});

, 目前我的正文 CSS 代码是;

body {
  background-color:black;
}

基本上我想要做的就是当按下名为“bodycolorgreen”的按钮时，我希望它将页面背景更改为绿色。

这是我的链接页面，以防我把它们排错了。

<link rel="stylesheet" href="stylesheet.css" type="text/css">
<script type="text/javascript"  src="javascript.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

Answer 1

由于您的脚本文件使用的是 jQuery，因此必须首先包含它

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript"  src="javascript.js"></script>