寒假自学阶段（4）

javaWeb学习（3）————JS中的对象

一.js中的String对象

   1.属性————》length

    2.方法

    （1）与html结合的方法

             **bold()————将字符串加粗显示

             **font（）————对字符串的字体进行设置

             **link（）————将文件显示为超链接

             **sub（），sup（）————分别为下标和上标(作为下标)

    （2）在java中的方法

             **concat（）————字符串连接

             **charAt（）————查找指定位置的字符

             **indexOf（）————查找指定字符的位置

             **split（）——————按照指定格式分割字符串

             **replace（）————字符串替换，（第一个是替换前的字符，第二个是替换后的字符）

             **substr（a,b）与substring（a,b）的区别

                *substr（a,b)中的a代表起始字符的下标，b代表向后探索的个数

                *substring（a,b）中a，b代表要查找的区间.[a,b)

二.js中的数组对象

   1.属性：length

   2.方法：

            (1)concat()  连接两个数组，返回值类型为object

                //1.concat();

                var arr11 = [1,2,3];

                var arr12 = [2,3,4];

                document.write(arr11.concat(arr12));

                document.write("<hr/>");

              

         （2）join（） 将一个数组的中的元素以规定格式拼接，返回值类型为object

        //2.join()

        var arr21 = [1,2,3];

        document.write(arr21.join("==="));

        document.write("<hr/>");

 

（3）push（）将元素加到数组中，返回值类型为数组添加之后的长度

//3.1push（)

var arr31 = [1,2,3];

document.write("length:"+arr31.push("6"));

document.write("new array:"+arr31);

document.write("<hr/>")；

 

（4）pop（)将数组最后一个元素删除，返回值为最后一个元素的内容

          var arr41 = [1,2,3,5];

        document.write("the last one:"+arr41.pop());

        document.write("new array:"+arr41);

        document.write("<hr/>");

 

（5）reserve（），将数组颠倒🙃️    

        var arr51 = [1,2,3];

        document.write("old:"+arr51);

        document.write("new:"+arr51.reverse());

        document.write("<hr/>");

三.js中的date对象

     1.获取当前时间

          Var date = new Date();

    2.将时间格式设定成本地时间的格式

            Var date = new Date();

            Date.toLocaleString();

    3.设置年，月，日，星期，小时，分钟，秒

        document.write(date);

        document.write("<hr/>");

 

        document.write(date.toLocaleString());

        document.write("<hr/>");

 

        document.write(date.getFullYear());

        document.write("<hr/>");

 

        document.write(date.getMonth()+1);

        document.write("<hr/>");

 

        document.write(date.getDay());

        document.write("<hr/>");

 

        document.write(date.getDate());

        document.write("<hr/>");

 

        document.write(date.getHours());

        document.write("<hr/>");

 

        document.write(date.getMinutes());

        document.write("<hr/>");

 

        document.write(date.getSeconds());

        document.write("<hr/>");

 

    4。获得当前时间的毫秒数

        document.write(date.getTime());

         document.write("<hr/>");

 

Tip：

    **月份返回的是一个0～11的值，需要对其进行加一，才能得到正常的值

    **星期，周日为0，其他都与数字相对

    **毫秒数是从1970 1 1至今

四.js中的math对象

        1.使用Math.来访问

        2.主要的函数

            （1)ceil()————向上取整

               (2)floor()————向下取整

               (3)round()————四舍五入

               (4)random()————产生0～1.0之间的一个随机数

五.js中的全局函数

    1.eval（)————直接执行js代码

    2.encodeURI————对代码进行编码，防止乱码

    3.decodeURI————对代码进行解码

    4.encodeURIComponent 和decodeURIComponent

    5.isNaN————是数字，返回false。不是数字，返回true

 

六.js中的函数重载

    1.js中没有函数重载

    2.js中可以通过arguments，来模拟重载函数

 

七.js中的bom对象

    *navigator（关于浏览器的信息）

                ——appName

    *screen （设置屏幕的信息）

                ——height

                ——width

    *location（地址信息）

                ——href属性

                ****获取请求的url地址

                    ——document.write（location.href）

                  ****获取请求的url地址

                    ——document.write（location.href）

    *history（关于历史记录）

                    ——back（）返回上一个界面

                    ——next（）到下一个界面

八.js中的window

**顶层对象（所有的对象都是在window中）

**方法

Confirm():显示确定框

prompt（）：输入的对话框（显示的内容，输入框中的默认值）

open（）：打开一个新窗口（"url"，”窗口的特征“）

setInterval：用来设定时间间隔，但是循环无数次

setTimeout：用来设定时间间隔，但是循环1次

 

九.js中的document对象

**getElementById（）：通过id获取指定标签，返回值为该标签的对象

**getElementByName（）：通过Name获取指定标签，返回值为该标签的对象数组

**getElementByTagName（）：通过标签名称获取指定标签，返回值为该标签的对象数组

 

十.案例

**使用document.createElement（“标签名称”）方法来创建标签

 

 

十一.Element对象

getAttribute（“标签名称”）；

setAttribute（“标签名称”，“值”）；

removeAttribute（“标签名称”）；不能删除value值