228、javaScript对象---一个灯泡示例及一个html排错方法

一、一个灯泡范例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img id="img" src="img/off.gif">

    <script>
        var flag = false;
        var elem = document.getElementById("img");
        elem.onclick = function () {
            if (flag){
                flag = false;
                elem.src = "img/on.gif";
            }else{
                flag = true;
                elem.src = "img/off.gif";

            }
        }
    </script>
</body>
</html>

输出结果：

二、当运行某个html是，不知道哪里出错时，提供一个解决方法：

1、在运行产生的网页界面，按F12进入开发者界面，点击界面靠下方的control(控制台)，查看是否有异常。

 

 

版权声明：本文为l0510402015原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。