JS里面的内置对象

1.Array
2.String:

var s= new String("abc");
    var s1="efg";
    console.log(typeof  s,typeof s1);
    console.log(s[0]);
    console.log(s.charAt(1));
    console.log(s.concat(s1));//字符串输出
    var s2= s.toString();//转成字符串
    console.log(s2);

3.Date(倒计时):


    var t=new Date();
    console.log(t);
    console.log(t.toDateString());
    console.log(t.toLocaleDateString());
    console.log(t.toTimeString());
    //设置和获取时间
    //直接在new的时候设置
    var ts=new Date("2019.10.1 12:00:00");
    console.log(ts);
    var ts1=new Date(2019,10,1,12,0,0);//输出的月加了一
    console.log(ts1);
    //用date中的方法设置
    var time=new Date();
    time.setFullYear(2018);//年
    time.setMonth(12);//月
    time.setDate(3);//日
    time.setHours(12);//时
    time.setMinutes(12);//分
    time.setSeconds(12);//秒
    time.setMilliseconds(12);//毫秒
    console.log(time);
    //时间的获取
    var times=new Date();
    console.log(times.getDate());//日
    console.log(times.getDay());//星期
    console.log(times.getTime());//到1970年的总毫秒数
    console.log(times.getYear());//到1900年的总年数
    console.log(times);

4.三个计时器对象:

//一次性计时器 延迟多少时间去执行
    setTimeout(function(){
        console.log(1);
    },1000);//延迟1000毫秒再执行
//循环计时器
    var m=null;
    m=setInterval(function(){
        console.log(1);
    },1000);
    clearTimeout(m);//关闭计时器
//不可设置时间,时间根据电脑的刷新频率16ms,但网页切换选项卡时不继续执行
    loop();
    function loop(){
        console.log(1);
        setTimeout(function(){
            window.requestAnimationFrame(loop);
        },1000);
    }

5.Math:

    console.log(Math.random()*10+10);//随机  0-1
    console.log(Math.floor(1.2)); //向下取整
    console.log(Math.ceil(1.2));// 向上取整
    console.log(Math.round(4.5)); //四舍五入
    console.log(Math.sqrt(3));//开平方
    console.log(Math.pow(2,3));//次幂
    console.log(Math.PI);//π
    console.log(Math.sin(Math.PI));//sinπ
    console.log(Math.cos(Math.PI));//cosπ
    console.log(Math.tan(Math.PI/4));//tan(π/4)

二.
1.操作dom元素的子父节点

var nav = document.getElementById("nav");//获取元素
console.log(nav.childElementCount);//输出子节点个数
console.log(nav.childNodes);//获取所有的节点(集合类型)
console.log(nav.children);//子元素
//找兄弟元素
var lilist = document.getElementById("lilist");//先获取元素
console.log(lilist.nextSibling);//下一个节点
console.log(lilist.nextElementSibling);//下一个元素
console.log(lilist.previousSibling);//上一个节点
console.log(lilist.previousElementSibling);//上一个元素
console.log(nav.firstElementChild);//父元素中第一个元素
console.log(nav.firstChild);//父元素中第一个节点
console.log(nav.lastChild);//父元素中最后一个节点
console.log(nav.lastElementChild);//父元素中最后一个元素

2.dom元素的动态创建

	var s = document.createElement("li");//创建一个li
    s.innerHTML = "5";//文本值是5
    s.className = "lilast";//classname是lilast

3.给动态元素添加事件

	s.onclick=function (){
     console.log(1);
     }
    nav.appendChild(s);//把s事件添加给nav

三.数据格式json及其转化方式

var stu2=[
            {name:"张三",age:20},
            {name:"张三",age:21},
            {name:"张三",age:22},
            {name:"张三",age:23},
            {name:"张三",age:24}
        ];
        //json对象转化为字符串类型的json
        var m=JSON.stringify(stu2);
        console.log(m);
        //json类型的字符串转化为json对象
        console.log(eval(m));
        console.log(JSON.parse(m));
        //使用json
        for(var i=0;i<stu2.length;i++){
            console.log(stu2[i].name);
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值