HTML笔记2
1. 定时器
//一次定时器setTimeout(方法,时间) setTimeout(function(){ alert('过了3秒了'); },3000);
var timer = setTimeout(function(){
alert('过了3秒了');
},3000);
//清楚定时器,一次定时器执行完一次就自动退出了
clearTimeout(timer);
var btn = ca.id('btn'); //多次循环,每秒执行一次 var num = 0; var timer = setInterval(function(){ num++; console.log(num); },1000); //点击清楚定时器 btn.onclick = function(){ clearInterval(timer); }
var timer = setInterval(function(){ num++; //到10秒自动停 if(num==10){ clearInterval(timer); } console.log(num); },1000);
2 。 json json的格式最后里面双引号,外面单单引号
//把json转换成字符串, var json = '{"name":"张三","url":"www.baidu.com","city":"北京"}'; var string = JSON.stringify(json); alert(typeof string);
var json = {"name":"张三","url":"www.baidu.com","city":"北京"}; //json.键值来获取属性 alert(json.url)
//二维json var jsons = { 'name':'东翌学院', 'url':'www.dongyixueyuan.com', 'course':{ 'name1':'跨平台app开发', 'name2':'javascript培训', } }; alert(jsons.course.name1)
//通过eval解析从外面传过来的json字符串, var json = "{'name':'张三','url':'www.baidu.com','city':'北京'}"; var data = eval("("+json+")"); alert(data.name)
//通过JSON.parse解析从外面传过来的json字符串, var json = '{"name":"张三","url":"www.baidu.com","city":"北京"}'; var data = JSON.parse(json); for (var a in data) { alert(data[a]); }
3 。 this
<div id="box"> 东翌学院 </div>
//this就是向上走一层,这个函数属于谁,this就是谁
btn.onclick = function(){
alert(this.innerHTML);
}
4 。 数组
//创建方式,一个直接写,一个是new var a = [1,2,3,4,5,6]; var s = new Array(); s.push('哈哈哈哈哈哈'); //push方法给数组里尾部添加元素 a.push(7); alert(s); alert(a);
//尾部删除一位 var a = [1,2,3,4,5,6]; //尾部删除一位 // a.pop();//删除一位 // alert(a); //头部添加一位 // a.unshift(0); // alert(a); //头部删除一位 // a.shift(); // alert(a); //删除任意一位,不常用,只能删除值,不能删除位置 // delete a[1]; // alert(a);
数组的添加删除替换
var a = [1,2,3,4,5,6]; // splice(起点,删除长度,添加元素1,添加元素2,....) //从0开始,删除3位,添加8和9,添加的元素可以无限多 // a.splice(0,3,8,9); // alert(a); //删除4,并添加8和9 // a.splice(3,1,8,9); // alert(a); // splice(起点,删除多少个)删除元素 //只删除不添加 // a.splice(0,3); // alert(a); //splice(起点,0,'a','b')插入元素 //只插入不删除,第四个元素后面添加 // a.splice(3,0,10,11); // alert(a); //splice(起点,2,'b','c')先删除2个元素,再添加2个元素 //把34删了并添加89 a.splice(2,2,8,9); alert(a);
数组的连接,合并,转换成字符串
var a = [1,2,3,4,5,6]; // // var b = [7,8,9,10]; // //数组的链接 // var c = a.concat(b); // alert(c); //把数组转换成字符串join里面是连接方式,加-就表示使用-进来连接 // var a = [1,2,3,4,5,6]; // var string = a.join("-"); // alert(string);
数组的排序
升序
var a = [44,22,4,5554,6,343]; a.sort(function(n1,n2){ return n1-n2; }); alert(a);
降序
var a = [44,22,4,5554,6,343]; a.sort(function(n1,n2){ return n2-n1; }); alert(a);
//反转 var a = [1,2,3,4,5,6]; a.reverse(); alert(a);
5 字符串
var a = "hafhjahoweofjiw.png"; // alert(a.length); //通过下标查找字符 // var data = a.charAt(5); // alert(data); //从左往右查找,通过字符查找下标,找到第一个就不再查找 // var pos = a.indexOf('f'); // alert(pos); //从右往左查找,通过字符查找下标,找到第一个就不再查找 // alert(a.lastIndexOf('f')); //字符串截取,从0开始截取5个 // alert(a.substring(0,5)); //从1开始,默认到最后 // alert(a.substring(1)); //从后往前找,截取.到后面的字符 // alert(a.substring(a.lastIndexOf('.')));
//字符串拆分 var a = "a-b-c-d-e"; var s = a.split('-'); alert(s[0]);
//字符串转大写
var a = "hafhjahoweofjiw.png";
//字符串转大写 alert(a.toUpperCase());
//字符串小写转大写
var a = "GAGAGASSGAAGH";
alert(a.toLowerCase());