向网站中添加基本Java程序

首先，我不再是一名学生，我这样做是为了其他目的，所以不要拒绝帮助；）

我想在我的网页中加入一个简单的程序。我想要4个按钮，分别标记为右臂、左臂、激活语音和向前走。这些按钮上方将有一个框，显示机器人的图像，当用户按下按钮时，我希望在框中加载不同的图像

因此，如果按下右臂按钮，则需要显示机器人抬起右臂时的图像

---

所以基本上我想要按钮做的就是加载属于每个按钮的图像。我认为java是最好的选择？我有开源Java软件包，当我把它嵌入网页时，我还需要其他软件吗？我的网页是在dreamweaver上完成的，我很擅长html。如果有人能为我指出正确的方向，我将不胜感激……谢谢你，有很多技术可以帮助你：javascript就是其中之一，它比使用Java来做这么简单的事情要简单得多。如果您真的想在该项目中使用Java，那么可以使用Java小程序

有很多技术可以帮助您：javascript就是其中之一，它比使用Java来完成这么简单的事情要简单得多。如果您真的想在该项目中使用Java，那么可以使用Java小程序

不要为此使用Java。使用JavaScript。大概是这样的：

HTML:

JavaScript:

var hideImages = function() {
    $('#firstImage').hide();
    $('#secondImage').hide();
};

$('#doSomething').click(function() {
    hideImages();
    $('#firstImage').show();
});

$('#doSomething').click(function() {
    hideImages();
    $('#secondImage').show();
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这基本上是不显示图像，只显示按钮。然后，单击每个按钮时，将显示相应的图像。（所有其他图像首先隐藏，因为以前的按钮单击会显示以前的图像。）

当然，这是一个过于简单的概念证明。至少您希望使用更好的变量名：）这只是演示了如何在JavaScript中显示/隐藏图像以响应按钮单击。（这也假设使用，这是目前一个安全的假设。最简单的使用方法是在页面中引用，使用标准。）您可以（当然，尽管图像已损坏。）

---

如果有很多按钮和很多图像，您可以重新考虑代码，以减少重复。可能将图像存储在一个数组中，并使用一个按钮点击处理程序，该处理程序可以将发送按钮与正确的数组元素相关联，等等。这取决于您。

不要使用Java。使用JavaScript。大概是这样的：

HTML:

JavaScript:

var hideImages = function() {
    $('#firstImage').hide();
    $('#secondImage').hide();
};

$('#doSomething').click(function() {
    hideImages();
    $('#firstImage').show();
});

$('#doSomething').click(function() {
    hideImages();
    $('#secondImage').show();
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这基本上是不显示图像，只显示按钮。然后，单击每个按钮时，将显示相应的图像。（所有其他图像首先隐藏，因为以前的按钮单击会显示以前的图像。）

当然，这是一个过于简单的概念证明。至少您希望使用更好的变量名：）这只是演示了如何在JavaScript中显示/隐藏图像以响应按钮单击。（这也假设使用，这是目前一个安全的假设。最简单的使用方法是在页面中引用，使用标准。）您可以（当然，尽管图像已损坏。）

---

如果有很多按钮和很多图像，您可以重新考虑代码，以减少重复。可能将图像存储在一个数组中，并使用一个按钮点击处理程序，该处理程序可以将发送按钮与正确的数组元素相关联，等等。这取决于您。

我认为JavaScript是一个更好的选择。对于一个只在web浏览器中显示/隐藏图像的应用程序来说，Java似乎是杀伤力过大了。你可能把Java和Javascript混淆了吗？你知道其中的区别，对吧？我希望你没有考虑使用applet（上个世纪的技术；））添加了标签（可能应该这样做），但留下了Java标签（直到OP澄清）。“我不再是学生”祝贺你，也许现在是更改Nic/用户名的好时机。我建议JavaScript是一个更好的选择。对于一个只在web浏览器中显示/隐藏图像的应用程序来说，Java似乎是杀伤力过大了。你可能把Java和Javascript混淆了吗？你知道其中的区别，对吧？我希望你没有考虑使用小程序（上个世纪的技术；））添加了标记（可能是应该这样做的），但留下了Java标记（直到OP澄清）。“我不再是学生”祝贺你，也许这是更改Nic/用户名的好时机。@RobW:说得对。我用一个简短的陈述和几个链接更新了答案，这些链接至少应该能让他走上正确的方向（如果他迷路了，给他一些谷歌的术语）。我更想展示完整的代码（包括相关的

标记），这些代码可以复制粘贴到一个独立的测试用例中。A在这里可能也很有用；）谢谢david，这很有意义，所以要使用javascript，我可以使用dreamweaver将其插入html，例如，然后开始编码？完整的代码真的很有帮助@学生：我现在在移动设备上，所以我只能这么有帮助：）谷歌搜索“如何使用JavaScript”有有用的链接。基本上，你有两种方法。两者都使用“script”HTML标记。On引用一个JavaScript代码文件（带有src属性和结束标记的单个脚本标记）。另一种方法是在脚本标记中编写代码，然后关闭标记。@学生：记住，当呈现页面时，JavaScript是在浏览器中执行的，而不是在服务器上执行的。因此，将其与任何服务器端功能混合使用需要相当多的web体系结构和开发知识。@RobW：一个公平的观点。我已经用一个简短的声明和几个链接更新了答案，这些链接至少应该让他走上正确的方向（如果有必要的话，给他一些谷歌术语）

var hideImages = function() {
    $('#firstImage').hide();
    $('#secondImage').hide();
};

$('#doSomething').click(function() {
    hideImages();
    $('#firstImage').show();
});

$('#doSomething').click(function() {
    hideImages();
    $('#secondImage').show();
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​