Javascript点击功能不起作用？答案

【问题标题】：Javascript Click function not working?Javascript点击功能不起作用？
【发布时间】：2014-04-06 12:21:51
【问题描述】：

我正在尝试使我的新网站更具交互性，因此决定从我的旧网站中提取一些 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>

【问题讨论】：

仅供参考，你可以在windows的浏览器中按F12，你会发现一个全新的世界，太棒了！

标签： javascript jquery html css

【解决方案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>

【讨论】：