目录
1.1动态的添加属性和方法;
1.2动态的删除属性和方法;
1.3JavaScript对象的构造方法;
2.JavaScript字符串对象
3.JavaScript日期对象
4.JavaScript数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//定义函数
function speak(sth){
alert(sth);
}
var p=new Object();//定义对象
p.name="jack";//动态添加属性
alert(p.name);
p.func=speak;//动态添加方法,func是方法名
p.func("hello world!");
</script>
</body>
</html>
运行结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//定义函数
function speak(sth){
alert(sth);
}
var p=new Object();//定义对象
p.name="jack";//动态添加属性
alert(p.name);
p.func=speak;//动态添加方法,func是方法名
p.func("hello world!");
//方法1,用delete删除
delete p.name;
alert(p.name);
delete p.func;
alert(p.func);
//方法2,用undefined删除
p.name=undefined;
p.func=undefined;
alert(p.name);
alert(p.func);
</script>
</body>
</html>
运行结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//JavaScript对象构造方法
function person(name,age){
this.name=name;
this.age=age;
//可以把外部方法一起构造进去,js的特色
function speak(sth){
alert(sth);
}
this.func=speak;
}
var p=new person("jack",12);
alert(p.name);
alert(p.age);
p.func("hello");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript字符串对象</title>
</head>
<body>
<script type="text/javascript">
//字符串对象实例化方法
var s1="实例化字符串方式一";
var s2=new String("实例化字符串abc方式二");
document.write(s1+"<br/>");
document.write(s2+"<br/>");
//字符串length属性
document.write(s2+" 的长度是:"+s2.length+" <br/>");
//indexOf() 来定位字符串中某一个指定的字符首次出现的位置,从0开始
document.write(s2.indexOf("abc", 0)+"<br/>");
//replace() 方法在字符串中用某些字符替换另一些字符
document.write(s2.replace("abc", "java")+"<br/>");
</script>
</body>
</html>
运行结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript日期对象</title>
</head>
<body>
<script type="text/javascript">
var date=new Date();
//getTime()方法,返回 1970 年 1 月 1 日至今的毫秒数
document.write(date.getTime()+"<br/>");
//getFullYear() 从 Date 对象以四位数字返回年份
document.write(date.getFullYear()+"<br/>");
//getMonth() 从 Date 对象返回月份 (0 ~ 11),要在后面+1
document.write((date.getMonth()+1)+"<br/>");
//getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
document.write(date.getDate()+"<br/>");
//打印一下今天的日期
var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";
document.write(today+"<br/>");
//getHours() 返回 Date 对象的小时 (0 ~ 23)
document.write(date.getHours()+"<br/>");
//getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
document.write(date.getMinutes()+"<br/>");
//getSeconds() 返回 Date 对象的秒数 (0 ~ 59)
document.write(date.getSeconds()+"<br/>");
//打印下今天的时刻
today=date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒";
document.write(today+"<br/>");
//getDay() 从 Date对象返回一周中的某一天 (0 ~ 6)
var today=date.getDay();
var week;
switch(today){
case 0:week="星期日";break;
case 1:week="星期一";break;
case 2:week="星期二";break;
case 3:week="星期三";break;
case 4:week="星期四";break;
case 5:week="星期五";break;
case 6:week="星期六";break;
}
document.write(week+"<br/>");
//打印此时此刻的时刻表
today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()
+"日"+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒,"+week;
document.write(today+"<br/>");
</script>
</body>
</html>
运行结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript数组</title>
</head>
<body>
<script type="text/javascript">
//没有定义数组长度的
var arr=new Array();
//定义了数组长度
var arr2=new Array(3);
arr[0]="Tom";
arr[1]="Jerry";
arr[2]="Marry";
arr[3]="jack";
arr[4]="lisa";
arr2[0]=1;
arr2[1]=2;
arr2[2]=3;
//用for循环输出
for(var i=0;i<arr.length;i++){
document.write(arr[i]+"<br/>");
}
document.write("<hr/>")
//用for each输出
for(var i in arr2){
document.write(arr[i]+"<br/>");
}
//数组排序
document.write("<hr/>")
//按照字母的顺序表,先大写,后小写
document.write(arr.sort()+"<br/>");
document.write(arr2.sort()+"<br/>");
document.write("<hr/>")
//数组元素组合成字符串 join()方法,默认用逗号隔开
document.write(arr.join()+"<br/>");
//也可以选择用.隔开
document.write(arr2.join(".")+"<br/>");
document.write("<hr/>")
//合并数组元素 concat()方法
document.write(arr.concat(arr2)+"<br/>");
document.write("<hr/>")
//颠倒数组元素 reverse()方法
document.write(arr.reverse()+"<br/>");
</script>
</body>
</html>