JavaScript 簡介

JavaScript 是互聯網上最流行的腳本語言，這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、筆記本電腦、平板電腦和智能手機等設備。

JavaScript 是腳本語言

JavaScript 是一種羽量級的編程語言。

JavaScript 是可插入 HTML 頁面的編程代碼。

JavaScript 插入 HTML 頁面後，可由所有的現代流覽器執行。

JavaScript 很容易學習。

您將學到什麼

下麵是您將在本教程中學到的主要內容。

JavaScript：直接寫入 HTML 輸出流

實例

document.write("<h1>這是一個標題</h1>"); document.write("<p>這是一個段落。</p>");


lamp 您只能在 HTML 輸出中使用 document.write。如果您在文檔加載後使用該方法，會覆蓋整個文檔。

JavaScript：對事件的反應

實例

<button type="button" onclick="alert('歡迎!')">點我!</button>

alert() 函數在 JavaScript 中並不常用，但它對於代碼測試非常方便。

onclick 事件只是您即將在本教程中學到的眾多事件之一。

JavaScript：改變 HTML 內容

使用 JavaScript 來處理 HTML 內容是非常強大的功能。

實例

x=document.getElementById("demo"); //查找元素 x.innerHTML="Hello JavaScript"; //改變內容

您會經常看到 document.getElementById("some id")。這個方法是 HTML DOM 中定義的。

DOM (Document Object Model)（文檔對象模型）是用於訪問 HTML 元素的正式 W3C 標準。

您將在本教學的多個章節中學到有關 HTML DOM 的知識。

JavaScript：改變 HTML 圖像

本例會動態地改變 HTML <image> 的來源（src）：

點亮燈泡

<script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">

點擊以下燈泡查看效果：

點擊燈泡就可以打開或關閉這盞燈


以上實例中代碼 element.src.match("bulbon") 的作用意思是：檢索 <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> 裏面 src 屬性的值有沒有包含 bulbon 這個字串，如果存在字串 bulbon，圖片 src 更新為 bulboff.gif，若匹配不到 bulbon 字串，src 則更新為 bulbon.gif

JavaScript 能夠改變任意 HTML 元素的大多數屬性，而不僅僅是圖片。

JavaScript：改變 HTML 樣式

改變 HTML 元素的樣式，屬於改變 HTML 屬性的變種。

實例

x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改變樣式


JavaScript：驗證輸入

JavaScript 常用於驗證用戶的輸入。

實例

if isNaN(x) { alert("不是數字"); }

以上實例只是普通的驗證，如果要在生產環境中使用，需要嚴格判斷，如果輸入的空格，或者連續空格 isNaN 是判別不出來的。可以添加正則來判斷（後續章節會說明）：

實例

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){ alert("不是數字"); }


您知道嗎？

lamp JavaScript 與 Java 是兩種完全不同的語言，無論在概念上還是設計上。
Java（由 Sun 發明）是更複雜的編程語言。

ECMA-262 是 JavaScript 標準的官方名稱。

JavaScript 由 Brendan Eich 發明。它於 1995 年出現在 Netscape 中（該流覽器已停止更新），並於 1997 年被 ECMA（一個標準協會）採納。

ECMAScript 版本

JavaScript 已經由 ECMA（歐洲電腦製造商協會）通過 ECMAScript 實現語言的標準化。

年份 名稱 描述
1997 ECMAScript 1第一個版本
1998 ECMAScript 2版本變更
1999 ECMAScript 3添加正則運算式
添加 try/catch
ECMAScript 4沒有發佈
2009 ECMAScript 5添加 "strict mode"，嚴格模式
添加 JSON 支持
2011 ECMAScript 5.1版本變更
2015 ECMAScript 6添加類和模組
2016 ECMAScript 7增加指數運算符 (**)
增加 Array.prototype.includes

ECMAScript 6 也稱為 ECMAScript 2015。

ECMAScript 7 也稱為 ECMAScript 2016。