javascript对象小结

更新时间：2010年07月06日 23:33:55 作者：

这次主要测试了几个主要的对象，包括string,date,数组。用date对象做了个类似倒计时的功能，呵呵

距离某天还有天

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript对象</title> <script language="javascript" type="text/javascript"> var regExp=/\s\*/g; /*---------------string对象------------------*/ var str="this *is *test *string"; var sTxt=str.charAt(3); var aTxt=str.charCodeAt(3); var btxt=str.indexOf("s"); var cTxt=str.slice(0,4); var dTxt=str.split(" "); var subTxt=str.substr(0,4); var regTxt=str.match(regExp); var regSearchTxt=str.search(regExp); document.writeln("原始字符串："+str+" "); document.writeln("charAt(3),返回索引字符："+sTxt+" "); document.writeln("charCodeAt(3),返回unicode字符代码："+aTxt+" "); document.writeln("indexOf,返回指定字符索引"+btxt+" "); document.writeln("slice(0,4),返回0，4之间的字符:"+cTxt+" "); document.writeln("split(' '),以空格截取字符成数组："+dTxt+" "); document.writeln("substr(0,4),截取两个索引之间的字符："+subTxt+" "); document.writeln("match,返回匹配的字符串："+regTxt+" "); document.writeln("search,返回匹配的字符串的便宜位置："+regSearchTxt+" "); /*-----------------正则表达式---------------*/ //test var result_tst=regExp.test(str); document.writeln("regExp.test(str),返回是否匹配："+result_tst+" "); //exec var result_exec=regExp.exec(str); document.writeln("返回匹配的内容："+result_exec+" "); var result=str.replace(regExp,"_"); document.writeln("返回替换的内容："+result+" "); //匹配规则 var reg2=/:\s*\w*\s*[0-9]+\s[0-9]{4}/; var reg1=/:\D*\s*\d+\s\d+/; var reg3=/w*@w+.w/; var str2="this is a date: march 12 2010"; var eTxt=str2.match(reg2); document.writeln(eTxt+" "); //*----------------Date对象--------------------*/ var now=new Date(); var hours=now.getHours()+7*24; now.setHours(hours); document.write("一个星期后是："+now+" "); document.write("现在是"+now.getFullYear() +"年"+(now.getMonth()+1)+"月"+now.getDate() +"日"+now.getHours()+"时"+now.getMinutes() +"分"+now.getSeconds()+"秒"+" "); //计时器 function countTime(){ var targetTime = new Date(2010,6,24,12,0,0,0); var nowTime = new Date(); //距离目标时间 var distanTime=targetTime.getTime()-nowTime.getTime(); days = Math.floor( distanTime / 1000 / 60 / 60 / 24); hours = Math.floor(distanTime/ 1000 / 60 / 60 - (24 * days)); minutes = Math.floor( distanTime/1000/60-(24*60*days)-(60*hours)); seconds =distanTime/1000-(24*60*60*days)-(60*60*hours)-(60*minutes); secondsRound = Math.round(seconds); document.getElementById("days").innerHTML=""+days+""; document.getElementById("time").innerHTML=hours+":"+minutes+":"+secondsRound; } setInterval("countTime()",250); //数组 var firstArr=new Array("one","two","three"); var secondArr=["one","two","three"]; var remove=firstArr.slice(2,3); var splicArr=secondArr.splice(1,1); document.writeln(remove+" "); document.writeln(splicArr+" "); //队列 var fifoArr=new Array(); fifoArr.push("apple"); fifoArr.push("banana"); var length=fifoArr.push("cherry"); document.writeln("数组的长度是："+length+" 数组内容是："+fifoArr+" "); fifoArr.shift(); document.writeln("使用shift命令删除第一个元素："+fifoArr+" "); fifoArr.unshift("addFruite"); document.writeln("使用unshift命令增加第一个元素："+fifoArr+" "); fifoArr.pop(); document.writeln("使用pop命令最后一个元素："+fifoArr+" "); </script> </head> <body> 距离某天还有天 </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

前端开发的开始---基于面向对象的Ajax类
因为我基本上ajax开发都是用jquery来完成，后来想了想，也是应该写一个。这样才能提高自己的整体水平。
2010-09-09
Javascript 面向对象（三）接口代码
接口：对实现某一种任务、功能，目的等，所规定的一些原则
2012-05-05
JavaScript 继承使用分析
继承,通俗地说,之前你写过一些类,这些类中有一些是而你现在要写的类的功能的子集或者基本相同,那么你不用完全重新写一个新的类,你可以把之前写的类拿过来使用.这样的一种代码重用过程就叫做继承
2011-05-05
javascript最常用与实用的创建类的代码
组合构造函数模式和原型模式
2010-08-08
JS面向对象编程 for Cookie
前一些天做项目的时候写了一个通用的OO By Class Cookie今天把它放上来给大家分享下！
2010-09-09
JavaScript为对象原型prototype添加属性的两种方式
为对象原型prototype添加属性的的方法，需要的朋友可以参考下。
2010-08-08
JavaScript 常见对象类创建代码与优缺点分析
这几种javascript类定义方式中,最常用的是杂合prototype/constructor 和动态prototype方式。
2009-12-12
javascript 面向对象的JavaScript类
这一节来说下紧接着的一个概念——类。虽然JavaScript中没有class关键字，但作为开发人员我们一定要有这个思想。在C#中类可以分为实例类和静态类，JavaScript亦然。
2010-05-05
用JObj实现的渐变效果
用链式操作，的确很简单！不过，还不得要领。要继续修改！
2008-03-03
浅谈javascript 面向对象编程
这周心血来潮，翻看了现在比较流行的几个JS脚本框架的底层代码，虽然是走马观花，但也受益良多，感叹先人们的伟大……
2009-10-10

javascript对象小结

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具