目錄
1.JavaScript對象
1.1動態的添加屬性和方法;
<!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>
運行結果:
1.2動態的刪除屬性和方法;
<!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>
運行結果:
1.3JavaScript對象的構造方法;
<!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>
2.JavaScript字符串對象
<!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>
運行結果:
3.JavaScript日期對象
<!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>
運行結果:
4.JavaScript數組
<!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>