上篇简单讲了下对象,要开始做Web前端开发的话,先基本学会JavaScript的对象和事件,当然还有Html5+CSS3,就可以开始着手做页面开发练习。这是一个起跑点,然后遇坑填坑,遇好的工具用好的工具,遇好的框架尝试用好的框架等等这些就是前端工程师的漫漫长路啦。。
废话不多说。先说说JS有哪些常用的内置对象。
Object()、Date()、String()、Array()、Math(当然还有Number、Boolean、正则表达式RegExp,Function,这些就不多说啦)。下面简单介绍下这五个对象经常用到属性和方法。
Object()
people= new Object();
people={name:"luo",age:30};
//使用函数创建对象:
function peolpe(name,age){
this.name=name;
this.age=age;
}
son=new people("luo",24);
document.write("name:"+son.name+",age:"+son.age);
String()
常用属性和方法
str.length 在字符串中查找字符串:indexOf(); 内容匹配: match(); 替换内容: replace(“原生目标参数”,“替换后的参数”)或replace(RegExp,replacement); 大小写转换:
toUpperCase()/toLowerCase() 分割转为数组:str.split(“,”)
还有,charAt()、charCodeAt()、concat()、valueOf()、substr()、slice()、lastIndexOf()、substring()、search()….
Date()
处理日期和事件
var date=new Date(); 常用方法:
getFullYear();getTime()毫秒数;setFullYear(),eg,date.setFullYear(2010,1,1);getDay(),获取星期几;getDate(),获取哪一天;getHours()获取小时;getMinutes();getSeconds();
getMonth() 0~11。
Array()
常用方法:
concat():合并数组 var a=[“a”,”b”];var b=[“c”]; var c=a.concat(b)
sort():如升序a.sort(function(a,b){return a-b;}); push(); reverse();
Math
Math对象不想Date和String那样是对象的类,因此没有构造函数Math(),所以像Math.sin()这样的只是函数不是对象的方法。通过Math作为对象使用就可以调用其所有属性和方法如:
round()
Math.round(2.5)=3;random();parseInt(Math.random()*10);max();min();abs()绝对值;
更多这些内置对象的方法和属性,只要到www.w3school.com.cn都可以查到。
不过这里有必要提到Html5用到的一个新的对象类型FormData。这个东西太方便了。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单,过去我们提交表单都是用action同步提交。
与普通的 Ajax 相比,使用FormData 的最大优点就是我们可以异步上传二进制文件,在封装好的Jquery的Ajax方法里,也都可以直接提交FormData的这个数据类型,简直方便的不要不要的….后面再详细介绍吧。晚安。