JavaScript网页编程之------一些常用的对象

黄舟

发布时间：2016-12-30 16:41:12

1614人浏览过

来源于php中文网

原创

注：下文中用到的println()方法都是另外导入的out.js方法中写的

out.js：

function print(param){
	document.write(param);
}

function println(param){
	document.write(param+"
");
}

在with语句块中，可以省去对象名的引用

var dd2 = new Date(); 

with(dd2){//在with语句块中，可以省去对象名“dd2”的引用 

var year = getFullYear(); //dd2.getFullYear() 

var month= getMonth(); //从0开始的月份数 

var day = getDate();//返回月份中的第几天 

println(year+"年"+month+"月"+day+"日 "); 

}

一、Object对象



Object对象的用法演示

二、String 对象

1、创建String对象的两种方式

1）var str = new String("abc123");

2）var str2 = "abcd1234";

2、String对象当中的属性

str.length：字符串长度

3、String对象当中的方法

bold()：加粗

fontcolor("red")：设置颜色

link("http://www.hncu.net")：设置为超链接

substring(1, 5)：取子串[1,5)，Java一样，左包含，右不包含

substr(1,5)：取子串：从1位置开始，取5个字符

三、Date 对象

1、Date对象的构造

var date = new Date(); 

println(date); //GMT格式输出 

println(date.toLocaleString());//转成本地系统的日期时间格式输出。 

println(date.toLocaleDateString()); //只有日期，没有时间

2、从对象中解析出相应的日期元素

//var year = date.getYear();//过时了，尽量不用 。它是返回从1900到当前日期所经过的年份 

var year = date.getFullYear(); 

println(year); 

var month= date.getMonth(); //从0开始的月份数 

println(month); 

var day1 = date.getDay(); //返回星期中的第几天,0为星期天 

println(day1); 

var day2 = date.getDate();//返回月份中的第几天 

println(day2);

3、要求显示出某个日期的“星期几”

function getWeekDay( num ){ 
var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; 
return weeks[num]; 
} 
var weekDay = getWeekDay( date.getDay() ); 
println(weekDay);

4、日期对象和毫秒值之间的转换

var date2 = new Date(); 

var time = date2.getTime();//日期对象-->毫秒值 

println("time:"+time); 

var date3 = new Date(time); 

println(date3.toLocaleDateString());

5、日期对象和字符串之间进行转换

//日期对象-->字符串：toLocaleString() 和 toLocaleDateString() 

//字符串-->日期 

//var strDate="9/27/15";//细节：如果年份只给两位有效数字，那是代表19**年。如果是2000年以后的年份，要给4位 

var strDate="9/27/2015 ";//细节：如果年份只给两位有效数字，那是代表19**年。如果是2000年以后的年份，要给4位 

var time = Date.parse(strDate);//返回的是毫秒数 

var d = new Date(time); 
println(d.toLocaleString());

6、日期解析错误时，抛异常

四、Math 对象

Math.ceil(12.34);//向上进位

Math.floor(12.34);//向下进位

Math.round(12.54);//四舍五入

Math.pow(5,6);//5的6次方

立即学习“Java免费学习笔记（深入）”；

//生成10个[0,10]范围内的随机整数
	for (var x=0;x<10;x++){
		//var n=Math.floor(Math.random()*11);//法1
		//var n=Math.round(Math.random()*10);//法2
		var n=parseInt(Math.random()*11);//法3
		println(x+": "+n);
	}

五、Global对象

Global对象中的方法是全局方法，调用时可以省略Global，直接写方法名

1、parseInt()中的基数用法----进制转换

1）将指定进制格式的字符串转换成-->10进制数

//var num = parseInt("110",10); //110 

//var num = parseInt("110",2); //6 

var num = parseInt("0x3c",16); //60

2）10进制转换成--->非10进制

var num2 = new Number(6); 

println( "num2="+ num2.toString(2) ); 

var num3 = 60; 

println( "num3="+ num3.toString(16) );

2、for(in)语句的用法

1）格式：

for(变量 in 对象){

...//对对象中的元素进行遍历操作

}

六、自定义对象

对js来描述对象--Person

1、方法1:本质上，有点类似于Java当中的直接new一个空参对象，然后往里面直接添加变量

2、方法2:更接近于Java当中的面向对象的方式----类的封装

3、方式3: map方式, key:value ----类似于java当中的数据封装，把数据封装到Map集合当中

4、map数据封装的进一步扩展

5、对象的prototype属性

要给对象添加新功能时，直接采用“对象.prototype.新内容”的形式就可以。这内容可以是变量，也可以是函数。

1）为String对象添加一个自定义函数trim：剪去字符串两端的空格

2）添加变量

String.prototype.aa = 200; 

println("abc123".aa);

3）添加函数

String.prototype.trim = trim; 

println(""); 

println("aa3".trim(" abc123 ")); 

（这里的trim就是上面（1）里面自定义属性中的trim）

注：这里通过“aa3”.trim(" abc123 ")处理的是别的字符串并不是自己

4）通过对象直接调用的函数（注意，一定要把前一版本当中的参数str改成this）