我是 Javascript 新手,我正在研究一些单击时会“闪烁”的按钮。单击图标时,我的 Javascript 代码会换出一个图标图像并将其替换为发光图标。这适用于 FF 和 IE9,但不适用于 Chrome。
这是代码:
<html>
<head>
<script Language="Javascript">
function set0()
{
document.location="cgi-bin/set0.cgi";
document.getElementById("l").src="/img/leftglow.jpg";
}
function set1()
{
document.location="cgi-bin/set1.cgi";
document.getElementById("r").src="/img/rightglow.jpg";
}
function set01()
{
document.location="/cgi-bin/set01.cgi";
document.getElementById("f").src="/img/forwardglow.jpg";
}
function clear01(event)
{
document.location="cgi-bin/clear01.cgi";
document.getElementById("r").src="/img/right.jpg";
document.getElementById("l").src="/img/left.jpg";
document.getElementById("f").src="/img/forward.jpg";
if(event.type=="mousedown")
{
document.getElementById("s").src="/img/stopglow.jpg";
}
if(event.type=="mouseup")
{
document.getElementById("s").src="/img/stop.jpg";
}
}
</script>
</head>
<body>
<div style="text-align:center">
<h1>Raspberry Pi GPIO</h1>
<img src="/img/forward.jpg" id="f" onmousedown="set01()" onmouseup="clear01(event)">
<br>
<img src="/img/left.jpg" id="l" onmousedown="set0()" onmouseup="clear01(event)">
<img src="/img/right.jpg" id="r" onmousedown="set1()" onmouseup="clear01(event)">
<br>
<img src="/img/stop.jpg" id="s" onmousedown="clear01(event)" onmouseup="clear01(event)">
</div>
</body>
</html>
CGI 脚本不打印任何 HTML。他们只需设置一些 GPIO 引脚并打印 204 No Content 标头,以便浏览器停留在当前页面上。这仅在 Chrome 中部分起作用 - CGI 脚本被执行,原始图标消失并重新出现,但未显示发光图标。有谁知道我需要做什么才能在 Chrome 中完成这项工作?