什麼是 JavaScript?
JavaScript 是 Web 的程式語言。
JavaScript 可以更新和更改HTML 和CSS。
JavaScript 可以計算、操作和驗證資料。
JavaScript 快速入門教程
本教程將快速介紹最重要的 JavaScript 資料型別。
JavaScript 變數可以
- 數字
- 字串
- 物件
- 陣列
- 函式
JavaScript 變數
JavaScript 變數是用於儲存資料值的容器。
在此示例中，x、y 和 z 是變數
從上面的例子中，您可以預期
- x 儲存值 5
- y 儲存值 6
- z 儲存值 11
JavaScript 數字
JavaScript 只有一種型別的數字。數字可以帶小數，也可以不帶小數。
所有數字都儲存為雙精度浮點數。
小數的最大數量是 17，但浮點數並非總是 100% 準確
JavaScript 字串
字串儲存文字。字串用引號括起來。你可以使用單引號或雙引號
字串的長度在內建屬性length中找到
JavaScript 物件
你已經知道 JavaScript 變數是資料值的容器。
此程式碼將簡單值（Fiat）分配給名為 car 的變數
var car = "Fiat";
自己動手試一試 »
物件也是變數。但物件可以包含許多值。
此程式碼將多個值（Fiat、500、white）分配給名為 car 的變數
var car = {type:"Fiat", model:"500", color:"white"};
自己動手試一試 »
JavaScript 陣列
JavaScript 陣列用於在單個變數中儲存多個值。
JavaScript 函式
JavaScript 函式是一段旨在執行特定任務的程式碼。
當“某事”呼叫（呼叫）JavaScript 函式時，它就會執行。
JavaScript 能做什麼？
本節包含一些 JavaScript 功能的示例
- JavaScript 可以更改 HTML 內容
- JavaScript 可以更改 HTML 屬性值
- JavaScript 可以更改 HTML 樣式（CSS）
- JavaScript 可以隱藏 HTML 元素
- JavaScript 可以顯示 HTML 元素
JavaScript 可以更改 HTML 內容
JavaScript 的眾多 HTML 方法之一是getElementById()。
此示例使用該方法“查詢”一個 HTML 元素（id 為“demo”）並更改元素內容（innerHTML）為“Hello JavaScript”
JavaScript 可以更改 HTML 屬性值
在此示例中，JavaScript 更改了 <img> 標籤的 src（源）屬性值
JavaScript 可以更改 HTML 樣式（CSS）
更改 HTML 元素的樣式是更改 HTML 屬性的一種變體
示例
document.getElementById("demo").style.fontSize = "35px";
或
document.getElementById('demo').style.fontSize = '35px';
自己動手試一試 »
JavaScript 可以隱藏 HTML 元素
隱藏 HTML 元素可以透過更改 display 樣式來完成
示例
document.getElementById("demo").style.display = "none";
或
document.getElementById('demo').style.display = 'none';
自己動手試一試 »
JavaScript 可以顯示 HTML 元素
顯示隱藏的 HTML 元素也可以透過更改 display 樣式來完成
示例
document.getElementById("demo").style.display = "block";
或
document.getElementById('demo').style.display = 'block';
自己動手試一試 »
完整的 JavaScript 教程
以上是對 JavaScript 的簡要描述。
完整的 JavaScript 教程請訪問 W3Schools JavaScript 教程。
完整的 JavaScript 參考請訪問 W3Schools JavaScript 參考。
