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);
}