DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js中對象的聲明方式以及數組的一些用法示例
js中對象的聲明方式以及數組的一些用法示例
編輯:JavaScript基礎知識     
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
//定義一個打印函數
var $=function(str){
document.write(str);
document.write("<br/>");
}
//定義打印數組函數
var _=function(arr){
for(var tmp in arr)
{
$(arr[tmp]);
}
}
//定義一個學生對象
var stu=new Object();

//聲明屬性和行為
stu.id=16;
stu.name='燈幣';
stu.age=function(){
return this.id;
}

//打印學生的信息
$(stu.id);
$(stu.name);
$(stu.age());//調用時要加括號

stu.sex='女'; //添加新屬性
$(stu.sex); //打印新添加的屬性

//方案2:
function Student(id,name)
{
this.id=id;
this.name=name;
this.getAge=function(){
return this.id;
}

}

//使用
var stu2=new Student(1,'揚頓');
$(stu2.id);
$(stu2.name);
$(stu2.getAge());
//再定義一個屬性
stu2.sex='偽娘';
$(stu2.sex);
//動態語言如何跨域?
Student.prototype.address="阿富汗";
$(stu2.address);
$("stu2_1 begin...");
var stu2_1 =new Student(1,'揚頓');
$(stu2_1.id);
$(stu2_1.name);
$(stu2_1.getAge());
$(stu2_1.sex);
$(stu2_1.address); //跨域訪問,b對象訪問a對象的屬性
//在定義
$("stu2_1 end...");

//方案3:json
var stu3={id:1,name:'毛炎炎',getName:function(){return this.name;}};
$(stu3.id);
$(stu3.name);
$(stu3.getName());

//var stu2

//js裡面的函數很多與java裡面函數同名
var str1=new String("abcd")
var str2="asdf";
$(str1.indexOf('c'));
$(str1.charAt(3));
$ (str2.charAt(3));
$("absdf".substring(2,4));

var day=new Date();
$(day.getYear());
$(day.toLocaleString());


//再談數組
var arr1=new Array(3);
arr1[0]=10;
arr1[1]=20;
arr1[2]=3;
_(arr1);
arr1[3]=4;
//
_(arr1);

//數組2
var arr2=new Array(234,345,2354,2134,234);
_(arr2);

//數組3
var arr3=new Array();
arr3[0]=10;
arr3[1]=20;
arr3[2]=3;
_(arr3);

//數組4.推薦寫法
var arr4=[];
arr4[0]=10;
arr4[1]=20;
arr4[2]=3;
_(arr4);

//數組5.推薦寫法
var arr5=[3254,43,532,45,2345];
_(arr5);

function add(i,j){
return i+j;
}

function add(i,j,k){
return i+j+k;
}

$(add(1,2));//參數個數自動識別

var Person=function(id,name)
{
this.id=id;//public
this.name=name;//public
var i=1;//private
function test(){//private
alert('asdf');
}
this.t=function()//public
{
return 1;
}
}
var p=new Person(1,"陳新");
$(p.id);
$(p.name);
$(p.t());//正常訪問
$(p.test()); //不能訪問
</script>
</head>
<body>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved