1JavaScript 的对象
1.1字符串
1.2Array对象
1.3Date对象
1.4Math对象
1.5Function对象（重点）
2 Bom对象
1 JavaScript对象
在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象，也可以用创建对象的方法定义变量，String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象，在JavaScript程序大多数功能都是基于对象实现的。
1.1字符串对象
字符串对象创建2种方法：
//字符串创建的方法// ??????var s=‘hello‘// ???????var s1=new String(‘hello‘)
字符串对象的属性和函数（只有length是属性其余都是方法）：
//属性和方法 一个属性是length其余都是方法 ???????var s=‘helloworld‘// ???????console.log(s.length)//包括字符串中的空格// ???????console.log(s.toUpperCase())//把字符串变成大写// ???????console.log(s.trim()) //去掉字符串两边的空格// ???????console.log(s.charAt(4))//通过索引找元素// ???????console.log(s.indexOf(‘l‘))//通过字符找索引（找到第一个）// ???????console.log(s.lastIndexOf(‘h‘))//通过字符找最后一个出现的字符的索引// ???????console.log(s.match(‘hehh‘))//返回的是匹配到的字符串，如果没有返回的是null// ???????console.log(s.search(‘world‘))//返回的是匹配到的字符串，出现的索引// ??????res=s.substr(1,8)// ???????console.log(typeof res)//返回的是截取到的字符串，1 是开始的索引，8是截取的长度。// ??????res=s.substring(1,4)// ???????console.log(typeof res)//返回的是截取到的字符串，1是开始索引，4取不到。又叫顾头不顾尾// ???????console.log(s.slice(1,4))//切片返回的是字符串，也是顾头不顾尾。// ???????res=s.split(‘w‘)// ???????console.log(typeof res)// ???????console.log(res[0],res[1])//返回的是数组类型，python中返回的列表 ???????console.log(s.replace(‘l‘, ‘fuck‘))//替换一个函数 ??只能替换第一个字母，python中可以全部替换// ???????console.log(s.concat(‘99999‘))//拼接字符串
1.2Array对象
创建数组的三种方式：
//数组对象的创建三种方式// ???????创建方式一// ???????var arr=[11,22,33] ???????//创建方式二// ???????var arr=new Array(11,22,33) ???????//创建方式三// ???????var cnweek=new Array(7)// ???????????cnweek[0]=‘星期日‘// ???????????cnweek[1]=‘星期一‘// ???????????cnweek[2]=‘星期二‘// ???????????cnweek[3]=‘星期三‘// ???????????cnweek[4]=‘星期四‘// ???????????cnweek[5]=‘星期五‘// ???????????cnweek[6]=‘星期六‘
创建二维数组：
var cnweek=new Array(7);for (var i=0;i<=6;i++){ ???cnweek[i]=new Array(2);}cnweek[0][0]="星期日";cnweek[0][1]="Sunday";cnweek[1][0]="星期一";cnweek[1][1]="Monday";...cnweek[6][0]="星期六";cnweek[6][1]="Saturday";数组的属性和方法：
join方法：
数组方法// ???????ss=[‘jaljgljal‘]// ???????var arr=[11,22,33,88,2];// ???????console.log(arr[2]);// ???????join方法// ?????????ret=arr.join(‘-‘)// ???????console.log(ret)
cocat方法：
//concat方法// ???????var a=[2,4]// ???????console.log(a.concat(arr))// ???????console.log(a.toString())//变成字符串
reverse sort方法：
//reverse sort 方法 ???????var arr=[11,22,33,88,2];// ???????console.log(arr.reverse())//翻转排序// ???????console.log(arr.sort())//按照acci码值进行排序[11,2,22,33,88]// ???????console.log(arr.sort(foo1))//这种方法可以按照大小排序[2,11,22,33,88] ???????//方法一// ???????function ?foo(x,y) {// ???????????if(x>y){// ???????????????return 1// ???????????}// ???????????else ?if(x<y){// ???????????????return -1// ???????????}// ???????????else {// ???????????????return 0// ???????????}//// ???????}//方法二// ???????function foo1(x,y){// ???????????return x-y// ???????}slice方法：
slice// ????????????var arr=[11,22,33,88,2];// ????????????console.log(arr.slice(1,3))//得到的结果[22,33]
删除数组
???//x. splice(start, deleteCount, value, ...)//使用注解//x代表数组对象//splice的主要用途是对数组指定位置进行删除和插入//start表示开始位置索引//deleteCount删除数组元素的个数//value表示在删除位置插入的数组元素//value参数可以省略// ???????var a=[1,2,3,4,5,6,7]// ???????a.splice(1,2)// ???????console.log(a)//[1,4,5,6,7]// ???????console.log(a.toString(),typeof a)// ???????a.splice(1,0,2,3)// ???????console.log(a.toString())//[1,2,3,4,5,6,7]
push pop方法
//push 和pop的用法这两个方法模拟的是一个栈操作//x.push(value, ...) ?压栈//x.pop() ????????????弹栈//使用注解////x代表数组对象//value可以为字符串、数字、数组等任何值//push是将value值添加到数组x的结尾//pop是将数组x的最后一个元素删除// ???????????var a=[1,2,3,4,5,6,7]// ???????ret=a.push(2,3)// ???????console.log(ret)//9// ???????console.log(a)//[1,2,3,4,5,6,7,2,3]// ???????ret1=a.pop()// ???????console.log(ret1)//pop 的值// ???????console.log(a)//去掉最后一个数值
unshift shift方法
????//x.unshift(value,...)//x.shift()//使用注解//x代表数组对象//value可以为字符串、数字、数组等任何值//unshift是将value值插入到数组x的开始//shift是将数组x的第一个元素删除 ???????var arr=[1,2,3,4] ???????console.log(arr.unshift(4,5)) ???????console.log(arr)//[4,5,1,2,3,4] ???????ret=arr.shift() ???????console.log(ret)//[4] ???????console.log(arr)//[5,1,2,3,4]
js中数组的特性
????????//java中数组的特性, ?规定是什么类型的数组,就只能装什么类型.只有一种类型.
????????//js中的数组特性1: js中的数组可以装任意类型,没有任何限制.
????????//js中的数组特性2: js中的数组,长度是随着下标变化的.用到多长就有多长.
1.3Date对象
创建形式
var day=new Date()
Date对象的方法：
var day=new Date()// ???????console.log(day)// ???????console.log(day.toString())//变成字符串// ???????console.log(day.getDate()) ?//几号// ???????console.log(day.getDay())//周几// ???????console.log(day.getFullYear())//四位数的年表示形式// ???????console.log(day.getYear())//从1900开始到现在多少年117// ???????console.log(day.getMonth())//8月要加1月// ???????console.log(day.getTime())//返回累计毫秒（从1970年？1月/1午夜）// ???????console.log(day.getHours())//小时20小时// ???????console.log(day.getSeconds())//从获取秒数// ???????console.log(day.getMinutes())//获取分钟数
拼接日期：
???" 2012-12-12 12:12 星期三 "//拼接日期// ???????var date=new Date()// ???????function ?foo(y) {// ?????????var ?year=y.getFullYear()// ????????????var month=y.getMonth()// ?????????var ?day=y.getDate()// ?????????var ??hours=y.getHours()// ??????????var ?minth=y.getMinutes()// ??????????var weeked=y.getDay()// ???????????var ss=[‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘]// ??????????return ?year+"-"+cc(month+1)+‘-‘+day+‘ ‘+hours+‘:‘+minth+‘ ‘+ss[weeked]//// ???????}// ???????function ?cc(x) ?{// ???????????if(x<10) {return ‘0‘+x}// ???????????else {return(x)}//// ???????}// ???????console.log(ss)// ???console.log(foo(date))三元运算符：
?var i=+‘1‘// ???????console.log(i)//1// ???????console.log(typeof i )//num// ???????console.log(2>1?2:1)//三元运算符
设置日期与时间
//设置日期和时间//setDate(day_of_month) ??????设置日//setMonth (month) ????????????????设置月//setFullYear (year) ??????????????设置年//setHours (hour) ????????设置小时//setMinutes (minute) ????设置分钟//setSeconds (second) ????设置秒//setMillliseconds (ms) ??????设置毫秒(0-999)//setTime (allms) ????设置累计毫秒(从1970/1/1午夜) ???var x=new Date();x.setFullYear (1997); ???//设置年1997x.setMonth(7); ???????//设置月7x.setDate(1); ???????//设置日1x.setHours(5); ???????//设置小时5x.setMinutes(12); ???//设置分钟12x.setSeconds(54); ???//设置秒54x.setMilliseconds(230); ???????//设置毫秒230document.write(x.toLocaleString( )+"<br>");//返回1997年8月1日5点12分54秒x.setTime(870409430000); //设置累计毫秒数document.write(x.toLocaleString( )+"<br>");//返回1997年8月1日12点23分50秒
日期与时间转换：
日期和时间的转换:getTimezoneOffset():8个时区×15度×4分/度=480;返回本地时间与GMT的时间差，以分钟为单位toUTCString()返回国际标准时间字符串toLocalString()返回本地格式时间字符串Date.parse(x)返回累计毫秒数(从1970/1/1午夜到本地时间)Date.UTC(x)返回累计毫秒数(从1970/1/1午夜到国际时间)
1.4Math对象
console.log(Math.max(11,22,66,99,789))// ???????console.log(Math.min(11,22,66,99,789))// ???????console.log(Math.ceil(89.4656513646))//向上取整// ???????console.log(Math.floor(89.4656513646))//向下取整// ???????console.log(Math.exp(0))//以e为底的指数// ???????console.log(Math.pow(2,3))//幂 ???????var ?num=Math.random();//取0-1之间的数不包括1 ???????num=num*100; ???????num=Math.round(num)//四舍五入 ???????console.log(num)
1.5Function对象
函数的定义：
function 函数名 (参数){?<br> 函数体; return 返回值;}功能说明：
可以使用变量、常量或表达式作为函数调用的参数
函数由关键字function定义
函数名的定义规则与标识符一致，大小写是敏感的
返回值必须使用return
Function 类可以表示开发者定义的任何函数。
function ?foo() {// ???????????return console.log(‘ok‘)// ???????}// ???????var ret=foo()// ???????console.log(ret)注：js的函数加载执行与python不同，它是整体加载完才会执行，所以执行函数放在函数声明上面或下面都可以：
<script> ???//f(); --->OK ???function f(){ ???????console.log("hello") ???} ???f() //----->OK</script>function对象的调用：
function func1(a,b){ ???alert(a+b);} ???func1(1,2); ?//3 ???func1(1,2,3);//3 ???func1(1); ???//NaN ???func1(); ????//NaN ???//只要函数名写对即可,参数怎么填都不报错.-------------------面试题----------- function a(a,b){ ???alert(a+b);} ??var a=1; ??var b=2; ??a(a,b)内置对象：arguments
function ?add() {// ???????????var sum=0;// ???????????for (var i=0;i<arguments.length;i++)// ???????????{ console.log(arguments[i])// ???????????????sum+=arguments[i]// ???????????}// ???????????for(i in arguments) {//法二// ???????????????sum+=arguments[i]// ???????????}// ???????????return sum// ???????}//// ???????ret=add(5,6,9,2)// ???????console.log(ret)匿名函数
(function(arg){ ???????console.log(arg); ???})(‘123‘)；(function(){ ???????alert("tony"); ???} )();2 Bom对象
window对象
所有浏览器都支持 window 对象。
概念上讲.一个html文档对应一个window对象.
功能上讲: 控制浏览器窗口的.
使用上讲: window对象不需要创建对象,直接使用即可.
alert() ???????????显示带有一段消息和一个确认按钮的警告框。confirm() ?????????显示带有一段消息以及确认按钮和取消按钮的对话框。prompt() ??????????显示可提示用户输入的对话框。open() ????????????打开一个新的浏览器窗口或查找一个已命名的窗口。close() ???????????关闭浏览器窗口。setInterval() ?????按照指定的周期（以毫秒计）来调用函数或计算表达式。clearInterval() ???取消由 setInterval() 设置的 timeout。setTimeout() ??????在指定的毫秒数后调用函数或计算表达式。clearTimeout() ????取消由 setTimeout() 方法设置的 timeout。scrollTo() ????????把内容滚动到指定的坐标。
function foo() { ?????????var date=new Date(); ?????????var date=date.toLocaleString(); ?????????????????var ele=document.getElementById("timer"); ?????????ele.value=date; ?????} ?????var ID; ?????function begin() { ??????????if (ID==undefined){ ????????????????foo(); ????????????????ID=setInterval(foo,1000); ????????????????var ele=document.getElementById("show"); ????????????????ele.disabled="disabled" ???????????} ??????????????} ?????????????????function end() { ?????????clearInterval(ID); ?????????ID=0; ?????}js对象属性与Bom
原文地址：http://www.cnblogs.com/1a2a/p/7594636.html