JavaScript_对象_Global和DOM简单学习

特点：

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

　　方法：

　　　　encodeURI():url编码

　　　　decodeURI():URL解码

　　encodeURIComponent()：url编码的字符更多

　 decodeURIComponent()：url解码

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

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

　isNAN:判断一个值是不是NaN， NaN六亲不认，连自己都不认，Nan参与的==比较全部问false。

　　Eval():将JavaScript字符串，并把它作为脚本执行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var str = "http://www.baidu.com?wd=传智播客";
        var encoder = encodeURI(str);
        document.write(encoder + "<br>")
        var s = decodeURI(encoder);
        document.write(s + "<br>");


        var str1 = "http://www.baidu.com?wd=传智播客";
        var encoder1 = encodeURIComponent(str1);
        document.write(encoder1 + "<br>")
        var s1 = decodeURIComponent(encoder);
        document.write(s1 + "<br>");

        var str = "a234abc";
        var number = parseInt(str)
        alert(number + 1);

            var a = NaN;
        document.write(a == NaN)
        document.write(isNaN(a))

        var jscode = "alert(123)";
        eval(jscode)

    </script>
</head>
<body>

</body>
</html>

DOM简单学习

功能：控制html文档的内容

代码：获取页面标签（元素）对象 Element

　　　document.getElementById("id值")：通过元素的id获取元素对象

操作Element对象：

　　修改属性值

　　　　明确获取的对象是哪一个？

　　　　查看API文档，找其中有哪些属性可以设置

<body>
    <img id="light" src="img/11.jpg">
    <h1 id="title">猴子创业失败</h1>

    <script>
        // var light = document.getElementById("light");
        // alert("我要换图片了")
        // light.src = "img/22.jpg";


        var title = document.getElementById("title");
        var light = document.getElementById("light");
        alert("我要换内容了。。。")
        title.innerHTML = "疯羊叫！！！";
        light.src = "img/22.jpg";
    </script>

</body>

posted on 2022-08-03 15:26 淤泥不染阅读(24) 评论(0) 编辑收藏举报