javascript关灯效果

点击关灯链接后关灯链接文字变成开灯，然后再点击开灯背景变回白色并且链接文字又变成关灯，代码如下（小弟不才,最近刚学Js)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击改变背景颜色</title>
<script language="javascript">
function changecolor(){
document.body.bgColor="#000000";
}
function changecolort(){
document.body.bgColor="#ffffff";
}
</script>
</head><body>
<a href="#" onclick="changecolor()">关灯</a>
</body>
</html>

解决方案 »

  1.   

    请楼主试下吧 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>点击改变背景颜色</title>
    <script language="javascript">
        var flag = 'on';
    function changecolor(){
    if(flag == 'on'){
    document.body.bgColor="#000000";
    document.getElementById('mySwitch').innerHTML = '开灯';
    flag = 'off';
    }else{
    document.body.bgColor="#ffffff";
    document.getElementById('mySwitch').innerHTML = '关灯';
    flag = 'on';
    }
        
    }
    </script>
    </head>
    <body>
    <a href="#" id="mySwitch" onclick="changecolor()">关灯</a>
    </body>
    </html>
      

  2.   

    X谢谢LZ   测试成功
    唉  我发现学Javascript自己好无力呀
    可能是我没接触过计算机语言的缘故（CSS不算）
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>点击改变背景颜色</title>
    <script language="javascript">
    function changecolor(){
        var a = document.getElementsByTagName("a")[0];
        a.innerHTML =a.innerHTML=="关灯"?"开灯":"关灯";
        document.body.bgColor=document.body.bgColor=="#000000"?"#ffffff":"#000000";
    }
    </script>
    </head><body>
    <a href="#" onclick="changecolor()">关灯</a>
    </body>
    </html>这样也行.
      

  4.   

    既然声明了flag='on';
    为什么函数里面又用IF语句声明if(flag == 'on')？？
      

  5.   

    因为flag是个全局变量 。
    flag = 'off'; 改变了它的值 。