【學習隨筆】JS初涉
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初涉