javascript 簡(jiǎn)介

JavaScript 是互聯(lián)網(wǎng)上最流行的腳本語(yǔ)言，這門語(yǔ)言可用于 HTML 和 web，更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。

JavaScript 是腳本語(yǔ)言

JavaScript 是一種輕量級(jí)的編程語(yǔ)言。

JavaScript 是可插入 HTML 頁(yè)面的編程代碼。

JavaScript 插入 HTML 頁(yè)面后，可由所有的現(xiàn)代瀏覽器執(zhí)行。

JavaScript 很容易學(xué)習(xí)。

您將學(xué)到什么

下面是您將在本教程中學(xué)到的主要內(nèi)容。

JavaScript：直接寫入 HTML 輸出流

	您只能在 HTML 輸出中使用 document.write。如果您在文檔加載完成后使用該方法，會(huì)覆蓋整個(gè)文檔。

JavaScript：對(duì)事件的反應(yīng)

?alert() 函數(shù)在 JavaScript 中并不常用，但它對(duì)于代碼測(cè)試非常方便。

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

JavaScript：改變 HTML 內(nèi)容

使用 JavaScript 來處理 HTML 內(nèi)容是非常強(qiáng)大的功能。

您會(huì)經(jīng)?？吹?document.getElementById("some id")。這個(gè)方法是 HTML DOM 中定義的。

DOM (Document Object Model)（文檔對(duì)象模型）是用于訪問 HTML 元素的正式 W3C 標(biāo)準(zhǔn)。

您將在本教程的多個(gè)章節(jié)中學(xué)到有關(guān) HTML DOM 的知識(shí)。

JavaScript：改變 HTML 圖像

本例會(huì)動(dòng)態(tài)地改變 HTML 圖像的來源（src）：

點(diǎn)亮燈泡

點(diǎn)擊燈泡就可以打開或關(guān)閉這盞燈

嘗試一下 ?

“點(diǎn)亮燈泡”實(shí)現(xiàn)代碼詳解：

<script>
function changeImage(){
    //通過查看src中是否有bulbon這個(gè)單詞來判斷當(dāng)前狀態(tài)并切換到另外一種狀態(tài)
    element=document.getElementById('myimage');
    if (element.src.match("bulbon")){
        //如果src屬性中有bulbon這個(gè)單詞，則將其改為下面這個(gè)src
        element.src="http://hgci.cn/statics/images/course/pic_bulboff.gif";
    }
    else{
        //如果src屬性中沒有bulbon這個(gè)單詞，則將其改為這個(gè)src
        element.src="http://hgci.cn/statics/images/course/pic_bulbon.gif";
    }
}
</script>
<img id="myimage" onclick="changeImage()" src="http://hgci.cn/statics/images/course/pic_bulboff.gif" width="100" height="180">

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

JavaScript 能夠改變?nèi)我?HTML 元素的大多數(shù)屬性，而不僅僅是圖片。

JavaScript：改變 HTML 樣式

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

JavaScript：驗(yàn)證輸入

JavaScript 常用于驗(yàn)證用戶的輸入。

以上實(shí)例只是普通的驗(yàn)證，如果要在生產(chǎn)環(huán)境中使用，需要嚴(yán)格判斷，如果輸入的空格，或者連續(xù)空格 isNaN 是判別不出來的。

您知道嗎？

	JavaScript 與 Java 是兩種完全不同的語(yǔ)言，無論在概念上還是設(shè)計(jì)上。 Java（由 Sun 發(fā)明）是更復(fù)雜的編程語(yǔ)言。 ECMA-262 是 JavaScript 標(biāo)準(zhǔn)的官方名稱。 JavaScript 由 Brendan Eich 發(fā)明。它于 1995 年出現(xiàn)在 Netscape 中（該瀏覽器已停止更新），并于 1997 年被 ECMA（一個(gè)標(biāo)準(zhǔn)協(xié)會(huì)）采納。

javaScript和ECMAScript的關(guān)系

ECMAScript是歐洲計(jì)算機(jī)制造商協(xié)會(huì)通過ECMA-262標(biāo)準(zhǔn)化的腳本程序設(shè)計(jì)語(yǔ)言。

JavaScript 已經(jīng)由 ECMA 通過 ECMAScript 實(shí)現(xiàn)語(yǔ)言的標(biāo)準(zhǔn)化。

相關(guān)教程

ECMAScript教程