javascript详细介绍,javascript,对象,javascript,面向对象javascript中有很多对象内容,挑几个感觉用的比较多的讲解。 在网上学习一些和看javascript的学习手册。 
如果要这个手册的可以留言,看到了我就发给你。恩,接下来总结一下我自己对象进阶之路。 1.对象: (1)javascript中的所有事件都是对象:字符串、数组、函数..... (2)每个对象带有属性和方法。 (3)JS允许自定义对象。 2.自定义对象 : (1)定义并创建对象实例。 (2)使用函数来定义对象,然后创建新的对象实例。 例(针对2-(1)): 方法1: <script> people=new Object(); people.name="颜小媛"; people.age="18"; document.write("name:"+people.name+",age:"+people.age); </script> 结果:界面打印出name:颜小媛,age:18 方法2: <script> people=new Object(); people={ name:"颜小媛", age:18 } document.write("name:"+people.name+",age:"+people.age); </script> 结果:界面打印出name:颜小媛,age:18 例(针对2-(2)): <script> function people(name,age){ this.name=name; this.age=age; } son=new people("颜小媛",18); document.write("name:"+son.name+",age:"+son.age); </script> 结果:界面打印出name:颜小媛,age:18 string字符串对象 1.string对象: string对象用于处理已有的字符串;字符串可以使用单引号或双引号【扩:混合使用避免冲突。】。 2.一些属性的演示: (1)在字符串中查找字符串:indexOf() 例(针对2-(1)): <script> var str="hello world"; document.write("字符串:"+str.length+"<br/>"); document.write(“world的位置:”+str.indexOf("world")+"<br/>"); document.write(“llllll的位置”str.indexOf("llllll")); </script> 结果:界面打印出字符串:11 world的位置:6 lllllll的位置:-1 (2)内容匹配:match() 例(针对2-(2)): <script> var str="hello world"; document.write(str.match("world")); document.write(str.match("lllllll")); </script> 结果:界面打印出 world null (3)替换内容:replace() 例(针对2-(3)): <script> var str="hello world"; document.write(str.replace("world","123")); </script> 结果:界面打印出hello 123 (4)字符串大写转换:toUpperCase() / toLowerCase() 例(针对2-(4)): <script> var str="hello world"; document.write(str.toUpperCase()); </script> 结果:界面打印出HELLO WORLD (5)字符串转为数组:split() 例(针对2-(5)): <script> var str1="hello,jjj,lll,kkk"; var s=str1.split(",");//以逗号作为分隔符 document.write(s[1]); </script> 结果:界面打印jjj ---------------------------------------------------- Date日期对象 1.Date对象: 日期对象用于处理日期和时间。 2.获得当日的日期。 3.一些常用的方法: (1)getFullYear():获取年份。 (2)getTime():获取毫秒。 (3)setFullYear():设置具体的日期。 (4)getDay():获取星期。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 例(针对3): <script> var date = new Date(); document.write(date+"<br/>"); document.write(date.getFullYear()+"<br/>"); document.write(date.getTime()+"<br/>"); document.write(date.getDay()+"<br/>"); date.setFullYear(2010,1,1); document.write(date); </script> 结果: 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 4.时钟实例: <html> <head> <script > function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; t=setTimeout('startTime()',500);//等同于t=setTimeout(function(){starTime;},500) } function checkTime(i) { if (i<10) { i="0" + i; } return i } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html> 结果:动态的显示时间 
Array对象: 1.Array对象: 使用单独的变量来存储一系列的值。 2.数组的创建: 例:var myArray=["kkk","ddd","ddddd"]; 3.数组的访问: 通过指定数组名以及索引号码,你可以访问某个特定的元素。 【注意:[0]是数组第一个元素,以此类推。】 4.数组常用的方法: (1)concat():合并数组。 (2)sort():排序。 (3)push():末尾追加元素。 (4)reverse():数组元素翻转。 例(针对4-(1)): <script> var a=["aa","bb"]; var b=["cc","dd"]; var c=a.concat(b); document.write(c); </script> 结果:界面打印出 aa bb cc dd 例(针对4-(2)): <script> var a=["a","c","d","t","b","e"]; document.write(a.sort()); </script> 结果:界面打印出a b c e d t 【扩展】 <script> var a=["5","2","3","4","1"]; document.write(a.sort(function(a,b){return b-a;})) </script> 结果:界面打印出54321.(ps:因为b-a是倒序排列)。 例(针对4-(3)): <script> var a=["a","b"]; a.push(c); document.write(a); </script> 结果:打印出abc 例(针对4-(4)): <script> var a=["c","b","a"]; document.write(a.reverse()); </script> 结果:打印出abc Math对象: 1.Match对象: 执行常见的算数任务。 2.常见方法: (1)round():四舍五入。 (2)random():返回0~1之间的随机数。 (3)max():返回最高值。 (4)min():返回最小值。 (5)abs():返回绝对值。 例(针对2-(1)): document.write(Math.round(2.5)); 结果:界面打印出3 例(针对2-(2)): document.write(Math.randow()); 结果:界面随机打印出0~1的一个数。 document.write(Math.randow()*10); 结果:界面随机打印出1~10的一个数。 document.write(parseInt(Math.randow())); 结果:界面随机打印出0~1的一个数,并且这个数是整数。 例(针对2-(3)): document.write(Math.max(10,20,3,90)); 结果:界面打印出最大值90. 例(针对2-(4)): document.write(Math.min(12,0,2,3,4)); 结果:界面打印出最小值0. 例(针对2-(5)): document.write(Math.abs(-10)); 结果:界面打印出10. javascript详细介绍,javascript,对象,javascript,面向对象
|