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

　　

　　

 

转载于:https://www.cnblogs.com/gaoliangjie/p/6124851.html