Latest web development tutorials
×

JavaScript 教程

JavaScript 教程 JavaScript 簡介 JavaScript 用法 JavaScript 輸出 JavaScript 語法 JavaScript 語句 JavaScript 註釋 JavaScript 變量 JavaScript 數據類型 JavaScript 對象 JavaScript 函數 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 運算符 JavaScript 比較 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 類型轉換 JavaScript 正則表達式 JavaScript 錯誤 JavaScript 調試 JavaScript 變量提升 JavaScript 嚴格模式 JavaScript 使用誤區 JavaScript 表單驗證 JavaScript 保留關鍵字 JavaScript JSON JavaScript void JavaScript 代碼規範

JS 函數

JavaScript 函數定義 JavaScript 函數參數 JavaScript 函數調用 JavaScript 閉包

JS HTML DOM

DOM 簡介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素

JS 高級教程

JavaScript 對象 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 對象

JS 瀏覽器 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 彈窗 JavaScript 計時事件 JavaScript Cookies

JS 庫

JavaScript 庫 JavaScript 測試 jQuery JavaScript 測試 Prototype

JS 實例

JavaScript 實例 JavaScript 對象實例 JavaScript 瀏覽器對象實例 JavaScript HTML DOM 實例 JavaScript 總結

JS 參考手冊

JavaScript 對象 HTML DOM 對象

JavaScript 數據類型

字符串(String)、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空(Null)、未定義(Undefined)。


JavaScript 擁有動態類型

JavaScript 擁有動態類型。 這意味著相同的變量可用作不同的類型:

實例

var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串


JavaScript 字符串

字符串是存儲字符(比如"Bill Gates")的變量。

字符串可以是引號中的任意文本。 您可以使用單引號或雙引號:

實例

var carname="Volvo XC60";
var carname='Volvo XC60';

您可以在字符串中使用引號,只要不匹配包圍字符串的引號即可:

實例

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

嘗試一下»

您將在本教程的高級部分學到更多關於字符串的知識。


JavaScript 數字

JavaScript 只有一種數字類型。 數字可以帶小數點,也可以不帶:

實例

var x1=34.00; //使用小数点来写
var x2=34; // //不使用小数点来写

極大或極小的數字可以通過科學(指數)計數法來書寫:

實例

var y=123e5; // 12300000
var z=123e-5; // 0.00123

嘗試一下»

您將在本教程的高級部分學到更多關於數字的知識。


JavaScript 布爾

布爾(邏輯)只能有兩個值:true 或false。

var x=true;
var y=false;

布爾常用在條件測試中。 您將在本教程稍後的章節中學到更多關於條件測試的知識。


JavaScript 數組

下面的代碼創建名為cars 的數組:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者(condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者(literal array):

實例

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

嘗試一下»

數組下標是基於零的,所以第一個項目是[0],第二個是[1],以此類推。

您將在本教程稍後的章節中學到更多關於數組的知識。


JavaScript 對象

對象由花括號分隔。 在括號內部,對象的屬性以名稱和值對的形式(name : value) 來定義。 屬性由逗號分隔:

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的對象(person) 有三個屬性:firstname、lastname 以及id。

空格和折行無關緊要。 聲明可橫跨多行:

var person={
firstname : "John",
lastname : "Doe",
id : 5566
};

對象屬性有兩種尋址方式:

實例

name=person.lastname;
name=person["lastname"];

嘗試一下»

您將在本教程稍後的章節中學到更多關於對象的知識。


Undefined 和Null

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

可以通過將變量的值設置為null 來清空變量。

實例

cars=null;
person=null;

嘗試一下»


聲明變量類型

當您聲明新變量時,可以使用關鍵詞"new" 來聲明其類型:

var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

lamp JavaScript 變量均為對象。 當您聲明一個變量時,就創建了一個新的對象。