JS2

1、js的string对象
    创建string对象
        var str="abc";
    方法和属性(文档)
        属性length:字符串的长度
        方法:
        (1)与html相关的方法
            bold();加粗
            fontcolor();设置字符串的颜色
            fontsize();设置字体的大小
            link();将字符串显示成超链接
                str4.link("hello.html");
                sub() sup():下标和上标
        (2)与java相似的方法
            concat():连接字符串
            charAt():返回指定位置的字符串
            indexOf():返回字符串的位置
                不存在则返回-1
            split():切分字符串,成数组
                按照指定的一个切分符号
            replace():替换字符串
                传递两个参数:
                    第一个参数是原始字符
                    要替换成的字符
            substr()和substring()
                str:从第一位开始,向后截取几位[ , ]
                string:从第一位开始,到第几位结束,但是不包含最后哪一位[ , )
2、js的Array对象
    创建数组(三种)
        var arr1=[1,2,3];
        var arr2=new Array(3);
        var arr3=new Arrat(1,2,3);
        var arr=[];//创建一个空数组
    属性:length:查看数组的长度
    方法:     
        concat():数组的连接
        join():根据指定的字符分割数组
        push():向数组末尾添加元素,返回数组的新的长度
            如果添加的是一个数组,这个时候把数组当作一个整体字符串添加进去
        pop():表示删除最后一个元素,返回删除的那个元素
        reverse():颠倒数组中的元素顺序
3、js的Data对象
    在java里面获取当前时间
        Date date=new Date();
        //格式化
        //toLocaleString()
    在js里面获取当前时间
        var date=new Date();
    获取当前的年方法:
        getFullYear():得到当前的年
    获取当前的月方法:
        getMonth():获取当前月
            返回的是0-11,如果想得到准确的值,加1
    获取当前的星期:
        getDay():星期,返回的是(0-6)
            星期日是0,其余是1-6
    获取当前的日:
        getDate():得到当前的天 1-31
    获取当前的小时:
        getHours()
    获取当前的分钟:
        getMinutes()
    获取当前的秒:
        getSeconds()
    获取毫秒数
        getTime()
        返回的是1970 1 1至今的毫秒数
        应用场景:
            使用毫秒数处理缓存的效果(不有缓存)
                http://www.baidu.com?毫秒数
4、js的Math对象
    数学运算
    里面都是静态方法,使用可以使用Math.方法名()
    ceil(x):向上舍入
    floor(x):向下舍入
    round(x):四舍五入
    random():得到随机数(伪随机数)
        得到0-9的随机数
            Math.floor(Math.random()*10);
5、js的全局函数
    由于不属于任何一个对象,直接写名称使用
    eval():执行js代码(如果字符串是一个js代码,使用方法直接执行)
    encodeURI():对字符进行编码
    decodeURI():对字符进行解码
    encodeURIComponent()和decodeURIComponent
    isNaN();判断当前字符串是否是数字
        如果是数字,返回false
        如果不是数字,返回true
    parseInt():类型转换
6、js的函数重载
    方法名相同,参数不同
    js的重载是否存在? 不存在
        调用最后一个方法
        把传递的参数保存到arguments数组里面
    (1)js里面不存在重载
    (2)但是可以通过其他方式模拟重载的效果(通过arguments数组实现)
7、js的Bom对象
    bom:broswer object model:浏览器对象模型
    有哪些对象?
    navigator:获取客户机的信息(浏览器的信息)
        navigator.***
    screen:获取屏幕的信息
    location:请求url地址
        href属性
            获取到请求的url地址
                document.write(location.href);
            设置url地址
                页面上设置一个按钮,按钮上绑定一个事件,当点击,可以跳转到另外一个页面
            <input type="button" value="tiaozhuan" onclick="href();">
            鼠标点击事件 onclick="js的方法;"
    history: 请求的url的历史记录
        到访问的上一个页面:
            history.back();
            history.go(-1);
        到访问的下一个页面:
            history.forward();
            history.go(1);
    window:
        窗口对象
        顶层对象(所用的bom对象都是在window里面操作的)
        方法:
            window.alert():页面弹出一个框,显示内容
                简写alert()
            confirm():确认框
                var flag=window.confirm("显示的内容");
            prompt():输入的对话框
                window.prompt("显示的内容","输入框里面显示的默认值");
            open():打开一个新的窗口
                open("打开的新窗口的地址url","","窗口特征","");
            close():关闭窗口(浏览器兼容性比较差)
            做定时器
            setInterval("js代码",毫秒数); 会返回一个ID值 1s=1000ms
                表示每毫秒数,执行一次js代码
            setTimeout("js代码",毫秒数); 会返回一个ID值
                表示在毫秒数之后执行,只执行一次
            clearInterval():清除setInterval设置的定时器
            clearTimeout():清除setTimeout设置的定时器
8、js的dom对象
    dom:document object model:文档对象模型
    文档:超文本文档(超文本标记文档)html、xml
    对象:提供了属性和方法
    模型:使用属性和方法操作超文本标记型文档
    可以使用js里面的dom的里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作
    想要对标记型文档进行操作,首先需要对标记型文档里面所有内容封装成对象
        需要把html里面的标签、属性、文本内容都封装成对象
    要想对标记型文档进行操作,解析标记型文档
    解析过程:
        根据html的层级结构,再内存中分配一个树形结构,需要把html中每部分封装成对象
        document对象:整个文档
        element对象:标签对象
        属性对象
        文本对象
        Node节点对象:这个对象是这些对象的父对象
            如果在对象里面找不到想要的方法,这个时候到Node对象里面去找
    DHTML:是很多技术的简称
        html:封装数据
        css:使用属性和属性值设置样式
        dom:操作html文档
        JavaScript:专门指的是js的语法语句(ECMAScript)
9、document对象
    表示整个的文档
    常用方法
        write()方法:
        (1)向页面输出变量(值)
        (2)向页面输出html代码
        getElementById();
            通过id得到元素(标签)
        getElementByName();
            通过标签的name属性值得到标签
            返回的是一个集合(数组)
        getElementByTagName();
            通过标签名称得到元素
        注意地方:
        只有一个标签,这个标签只能使用name获取到,这个使用,使用getElementByName返回的是一个数组
        但是现在只有一个元素,这个时候不需要遍历。而是可以直接通过数组的下标获取到值
        var input=document.getElementByName("name")[0];
        alert(input.value);
10、window
    opener:属性,获取创建当前窗口的窗口
    做案例时会有一个问题:
        由于我们现在访问的是本地文件,js的安全性,谷歌浏览器安全级别很高,不允许访问本地文件
        在实际开发中,没有这样的问题,实际中不可能访问本地的文件

猜你喜欢

转载自blog.csdn.net/cameles/article/details/80305495
JS2
2-2
1-2
今日推荐