1.什么是对象
1.1 什么是对象
js中的所有事物都是对象：字符串、数值、数组、函数...
每个对象都有属性和方法
1.2 自定义对象
1>定义并创建对象示例
2>使用函数来定义对象，然后创建新的对象实例
WhatIsObject.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <!--创建对象--> 9 <script> 10 /*people=new Object(); 11 people.name="iwen"; 12 people.age="30"; 13 document.write("name:"+people.name+",age:"+people.age);*/ 14 15 /*people={name:"iwen",age:"30"}; 16 document.write("name:"+people.name+",age:"+people.age);*/ 17 18 function people(name,age){ 19 this._name=name; 20 this._age=age; 21 } 22 son =new people("iwen",30); 23 document.write("name:"+son._name+",age:"+son._age); 24 </script> 25 </body> 26 </html>
2.String字符串对象
2.1 String对象
用于处理已有的字符串
字符串可以使用双引号或单引号
2.2 在字符串中查找字符串：indexOf()
2.3 内容匹配：match()
2.4 替换内容：replace()
2.5 字符串大小写转换：toUpperCase()/toLowerCase()
2.6 字符串转为数组：split()
StringObject.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 var str="hello And world"; 10 document.write(str.indexOf("world"));//6 11 document.write(str.match("world"));//有则返回，无则返回null 12 document.write(str.replace("world","大海"));//替换 13 document.write(str.toUpperCase(str));//全部转换为大写 14 document.write(str.toLowerCase(str));//全部转换为小写 15 16 var str1="Hello,And,World"; 17 var s=str1.split(","); 18 document.write(s[1]); 19 </script> 20 21 22 </body> 23 </html>
字符串其他属性和方法
属性：length、prototype、constructor
方法：charAt()、charCodeAt、concat()、fromCharCode()、indexOf()、lastIndexOf()、match()、replace()、search()、slice()、substring()、substr()、valueOf、toLowerCase()、toUpperCase()、split()
3.Date日期对象
3.1 Date对象
日期对象用于处理日期和时间
3.2 获得当日的日期
3.3 常用方法：
getFullYear() 获取年份
getTime() 获取毫秒
setFullYear() 设置具体日期
getDay() 获取星期
3.4 时钟实例
DateObiect.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body onload="startTime()"> 8 <script type="text/javascript"> 9 var date=new Date(); 10 document.write(date); 11 document.write("<br />"); 12 document.write(date.getFullYear()); 13 document.write("<br />"); 14 document.write(date.getTime()); 15 document.write("<br />"); 16 date.setFullYear(2010,1,1); 17 document.write(date); 18 </script> 19 20 <!--时钟--> 21 <div id="timetxt"></div> 22 <script> 23 function startTime(){ 24 var today=new Date(); 25 var h=today.getHours(); 26 var m=today.getMinutes(); 27 var s=today.getSeconds(); 28 m=checkTime(m); 29 s=checkTime(s); 30 31 document.getElementById("timetxt").innerHTML=h+":"+m+":"+s; 32 33 setTimeout(function(){ 34 startTime(); 35 },500); //每0.5秒刷新变化 36 } 37 function checkTime(i){ 38 if(i<10){ 39 i="0"+i; 40 } 41 return i; 42 } 43 </script> 44 </body> 45 </html>
4.数组对象
数组常用方法：
concat() 合并数组
sort() 排序
push() 末尾追加元素
reverse() 数组元素翻转
ArrayObject.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a=["小海","小穆"]; 10 var b=["小贺","小陈"]; 11 var c=a.concat(b); 12 document.write(c); 13 document.write("<br />"); 14 15 var d=[4,1,3,2,5]; 16 document.write(d.sort(function(a,b){ //我发现他只能排一位的数 17 return b-a; 18 })); 19 document.write("<br />"); 20 21 var e=["a","b"]; 22 e.push("c"); 23 document.write(e); 24 document.write("<br />"); 25 26 var f=["a","b","c"]; 27 f.reverse(); 28 document.write(f); 29 30 31 32 </script> 33 34 </body> 35 </html>
5.Math对象
常用方法：
round() 四舍五入
random() 返回0-1之间任意数
max() 返回最大值
min() 返回最小值
abs() 返回绝对值
MathObject.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 document.write(Math.round(2.4)); 10 document.write("<br />"); 11 document.write(parseInt(Math.random()*10)); 12 document.write("<br />"); 13 document.write(Math.max(10,32,2,12,55)) 14 document.write(Math.min(10,32,2,12,55)) 15 document.write("<br />"); 16 document.write(Math.abs(-10)); 17 18 </script> 19 </body> 20 </html>