1. 程式人生 > >【學習隨筆】JS初涉

【學習隨筆】JS初涉

method this date 語法 新的 傳遞值 prop 現在 語言

JS = JavaScript

他是一種輕量級別的編程語言

可插入HTML的頁面代碼

插入HTML頁面後,可由所有的現在瀏覽器執行

輸出語句: document.writie();

聲明變量: var eg:var a;

賦值: = eg:a = 1;

Js的數據類型: 字符串 數字 布爾值 數組 對象 null undefined

字符串: var x = “Bill”;

數字: var x = 5;

布爾值: var x = true;

數組: var x = new Array();

x[0] = “Music”;

x[1] = “BMW”;

x[2] = “Hello”;

或者: var cars=new Array("Audi","BMW","Volvo");

var cars=["Audi","BMW","Volvo"];

對象:var person={firstname:"Bill", lastname:"Gates", id:5566};

var person={

firstname : "Bill",

lastname : "Gates",

id : 5566

};

對象屬性有兩種尋址方式,例如:name=person.lastname;

name=person["lastname"];

eg: <script>

var person={

firstname : "Bill",

lastname : "Gates",

id : 5566

};

document.write(person.lastname + "<br />");

document.write(person["lastname"] + "<br />");

</script>

Undefined 這個值表示變量不含有值。

Null表示變量值設置為null

當聲明新的變量時,可以使用關鍵字”new”來聲明它的類型,例如:

var carname=new String;

var x= new Number;

var y= new Boolean;

var cars= new Array;

var person= new Object;

JS對象

JavaScript 中的所有事物都是對象:字符串、數字、數組、日期,等等。在 JavaScript 中,對象是擁有屬性和方法的數據。

屬性與方法

屬性是與對象相關的值。

方法是能夠在對象上執行的動作。

創建對象,例如:

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

這裏person是對象,firstname、lastname、age、eyecolor是屬性,等號右邊是屬性的值

如何訪問對象?

語法:objectName.methodName()

函數:

函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。關鍵詞:function

語法:function functionname()

{

//這裏是要執行的代碼

}

註意,function必須是小寫,如果onclick=“方法名”,那麽function 方法名()兩個必須對應。

調用帶參數的函數

在調用函數時,您可以向其傳遞值,這些值被稱為參數。這些參數可以在函數中使用。還可以發送任意多的參數,由逗號 (,) 分隔:myFunction(argument1,argument2)

聲明函數時,請把參數作為變量來聲明:

function myFunction(var1,var2){ }

變量和參數必須以一致的順序出現。第一個變量就是第一個被傳遞的參數的給定的值,以此類推。例如:

<button onclick="myFunction(‘Bil‘)">點擊這裏</button>

<script>

function myFunction(name)

{

alert(name);

}

</script>

JavaScript 提供多個內建對象,比如 String、Date、Array 等等。

訪問對象的屬性,語法:

objectName.propertyName

訪問對象的方法

方法是能夠在對象上執行的動作,通過以下語法來調用方法:

objectName.methodName()

創建新對象有兩種不同的方法:

1定義並創建對象的實例

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

2使用函數來定義對象,然後創建新的對象實例

function person(firstname,lastname,age,eyecolor)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

}

【學習隨筆】JS初涉