首页 > 编程语言 >JavaScript_对象_Global与DOM简单学习

JavaScript_对象_Global与DOM简单学习

时间:2022-11-19 10:46:01浏览次数:40  
标签:JavaScript DOM url Global 对象 E4% var document

JavaScript_对象_Global

      Global:全局对象

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

        2.方法:
encodeURI():url编码
decodeURI():url解码

encodeURIComponent():url编码
decodeURIComponent():url解码

parseInt():将字符串转为数字
逐一判断每一个字符串是否是数字,直到不是数字为止,将前边数字部分转为number

isNaN():判断一个值是否是NaN
NaN六亲不认,连自己都不认,NaN参与的==比较全部为false
eval():将JavaScript 字符串 并把它作为脚本代码执行。
3.URL编码
传智博客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Global对象</title>
    <script>

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

        2.方法:
                 encodeURI():url编码
                 decodeURI():url解码

                 encodeURIComponent():url编码
                 decodeURIComponent():url解码

                 parseInt():将字符串转为数字
                      逐一判断每一个字符串是否是数字,直到不是数字为止,将前边数字部分转为number

                 isNaN():判断一个值是否是NaN
                        NaN六亲不认,连自己都不认,NaN参与的==比较全部为false
                 eval():将JavaScript 字符串 并把它作为脚本代码执行。
             3.URL编码
                 传智博客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
        */

        var sum = "http://www.baidu.com?wd=百度";
        var s1 = encodeURI(sum);
        document.write(s1+"<br>"); //%E8%90%A4%E7%81%AB%E4%B9%8B%E5%85%89%E5%B2%82%E8%83%BD%E4%B8%8E%E7%9A%93%E6%9C%88%E4%BA%89%E8%BE%89
        var s2 = decodeURI(s1);
        document.write(s2+"<br>");//萤火之光岂能与皓月争辉

        var sum1 = "http://www.baidu.com?wd=百度";
        var s3 = encodeURIComponent(sum1);
        document.write(s3+"<br>"); //%E8%90%A4%E7%81%AB%E4%B9%8B%E5%85%89%E5%B2%82%E8%83%BD%E4%B8%8E%E7%9A%93%E6%9C%88%E4%BA%89%E8%BE%89
        var s4 = decodeURIComponent(s3);
        document.write(s4+"<br>");//萤火之光岂能与皓月争辉

        var str = "a234abc";
        var number = parseInt(str);
        document.write(number+"<br>")


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

        document.write(isNaN(a));

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

    </script>
</head>
<body>

</body>
</html>

DOM简单学习  

        DOM简单学习:为了满足案例需求 

            功能:控制html文档

            代码:获取页面标签(元素)对象 Element

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

            操作Element对象

              1.设置属性值:  

                1.明确获取的对象是那一个?

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

              2.修改标签体内容

                  属性: innerHTML

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

   <!-- <img  id="img"src="img/img.png">-->
    <h1 id ="title">萤火之光岂能与皓月争辉 </h1>

    <script>
         /*  //通过id获取对象
        var img = document.getElementById("img");
        alert("我要换照片了");
        img.src = "img/炽阳神光.png"*/


         //1.获取h1标签对象

         var title = document.getElementById("title");
         alert("我要换内容了~~~~~");

         //2.修改内容
         title.innerHTML = "凑合的看吧,太累了不想打字了"




    </script>

</body>
</html>

 

 

    

             

            

 

标签:JavaScript,DOM,url,Global,对象,E4%,var,document
From: https://www.cnblogs.com/x3449/p/16905590.html

相关文章