JavaScript对象_Global和案例1_点灯开关

JavaScript对象_Global：

Global：

1．特点:全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();

2．方法：

encodeURI() : url编码

decodeURI() : url解码

encodeURIComponent() : url编码,编码的字符更多

decodeURIComponent() : url解码

parseInt():将字符串转为数字

逐—判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number

isNaN():判断一个值是否是NaN

NaN六亲不认,连自己都不认。NaN参与的==比较全部问false

eval:讲avaScript字符串，并把它作为脚本代码来执行。

3. URL编码

传智播客=%E4%BC%AB%E6%99%BA%E6%92%AD%E5%AE%A2

代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JSGlobal对象</title>
    <!--内部JS-->
    <script>

        //定义https路径的编码
        let str = "http://www.baidu.com?wd=传智博客";
        let encode = encodeURI(str);
        document.write(encode+"<br>");
        let s = decodeURI(encode);
        document.write(s+"<br>");//传智播客

        //这是收看解码的https的url
        let str1 = "http://www.baidu.com?wd=传智博客";
        let encode1 = encodeURIComponent(str1);
        document.write(encode1+"<br>");
        let s1 = decodeURIComponent(encode);
        document.write(s1+"<br>");//传智播客

        //先要猜一次
        let str = "a234abc";
        let number = parseInt(str);
        //alert(number+1);

        let a = NaN;

        //最后输出
        document.write(a == NaN);
        document.write(isNaN(a));

        let jscode = "alert(123)";

    </script>
</head>
<body>

</body>
</html>








案例1_点灯开关：
分析：
1.获取图片对象
2.绑定单击事件
3.每次点击切换图片

规则:
如果灯是开的on,切换图片为off
如果灯是关的off,切换图片为on
使用标记flag来完成
代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>案例&电灯开关</title>
</head>
<body>

    <img src="../img/kejifengdongtai.gif" id="light">

<!--内部JS-->
<script>

    //1.获取图片对象
    let light = document.getElementById("light");

    let flag = false;//代表灯是灭的。图片

    //2.绑定单击事件
    light.onclick = function () {
        if (flag){//判断如果灯是开的，则灭掉
            light.src =
            flag = false;

        }else {
            //如果灯是灭的，则打开

            flag = true;
        }
    }
</script>
</body>
</html>