Question

我是一个Javascript newb，我正在处理点击时“闪烁”的按钮。单击图标时，我的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中使用它？

切换图片的Javascript代码在Chrome中无效

0 个答案: