javascript 教程

javascript（簡(jiǎn)稱“js”）是一種輕量級(jí)，解釋型或即時(shí)編譯型的編程語言，通常用于 web 頁面的開發(fā)。javascript 支持面向?qū)ο?、命令式和聲明式（如函?shù)式編程）風(fēng)格。

1. javascript 是腳本語言

• javascript 是一種輕量級(jí)的編程語言。
• javascript 可以插入頁面的 html 代碼中。
• javascript 在 html 頁面中可由瀏覽器執(zhí)行。
• javascript 語法比較簡(jiǎn)單，很容易學(xué)習(xí)。

2. 為什么學(xué)習(xí) javascript

javascript 是前端開發(fā)者必須學(xué)習(xí)的三門語言中的一門。前端三門語言包括：html、css、javascript，它們的主要用處：

• html 定義了網(wǎng)頁的內(nèi)容。
• css 描述了網(wǎng)頁的布局。
• javascript 控制網(wǎng)頁的行為。

本教程我們將介紹 javascript 和學(xué)習(xí)如何使用 javascript 與 html 和 css 一起工作。

3. javascript 范例

我們提供了一些范例，用來展示 javascript 的能力。

1）javascript 能夠改變 html 內(nèi)容

getelementbyid() 是多個(gè) javascript html 方法之一。

本例使用該方法來“查找” id="demo" 的 html 元素，并把元素內(nèi)容（innerhtml）更改為 "hello javascript"：

范例：

document.getelementbyid("demo").innerhtml = "hello javascript";

提示：javascript 同時(shí)接受雙引號(hào)和單引號(hào)：

范例：

document.getelementbyid("demo").innerhtml = 'hello javascript';

2）javascript 能夠改變 html 屬性

本例通過改變 標(biāo)簽的 src 屬性（source）來改變一張 html 圖像：

范例：

3）javascript 能夠改變 html 樣式 (css)

改變 html 元素的樣式，是改變 html 屬性的一種變種：

范例：

document.getelementbyid("demo").style.fontsize = "25px";