JavaScript技術(shù)在網(wǎng)頁(yè)中的應(yīng)用研究

謝芳

摘? 要∶作為一門腳本語(yǔ)言，JavaScript無(wú)論是從功能還是從應(yīng)用方面來(lái)看，其在編程語(yǔ)言中的獨(dú)特地位都是不可撼動(dòng)的。文章從JavaScript的起源和主要特點(diǎn)對(duì)其基本信息做了詳細(xì)介紹，并以Tab選項(xiàng)卡為切入口對(duì)JavaScript的三種引用方法進(jìn)行了解釋，突顯了Javascript 把靜態(tài)頁(yè)面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動(dòng)態(tài)頁(yè)面的功能特點(diǎn)，即JavaScript讓網(wǎng)頁(yè)更易交互。

關(guān)鍵詞∶JavaScript;交互;動(dòng)態(tài)

中圖法分類號(hào)∶TP313??? 文獻(xiàn)標(biāo)識(shí)碼∶A

Research on application of JavaScript technology in Web pages

XIE Fang

（Sichuan Vocational College of Finance and Economics，Chengdu 6101，China）

Abstract：As a scripting language，JavaScript's uniqueposition in programming languages is unshakable in terms of functionality and application. The article gives a detailed introduction to the basic information of JavaScript from the two aspects of its origin and nain characteristics， and explains the three reference methods of JavaScript with the Tab tab as the entrypoint， highlighting that JavaScript transforms static pages into support for user interaction and to respondl to the functional characteristics of dynamic pages of corresponding events. JavaScript makes Web pages more interactive.

Key words： JavaScript， interaction， dynamic

1引言

JavaScript是世界上最流行的腳本語(yǔ)言，也是一門非常強(qiáng)大的語(yǔ)言，可為網(wǎng)頁(yè)增加交互性，定義網(wǎng)頁(yè)的行為，如網(wǎng)頁(yè)中的漂浮廣告、表單的輸入驗(yàn)證都是通過(guò)JavaScript實(shí)現(xiàn)的。此外，JavaScript還可以用來(lái)開發(fā)APP、桌面應(yīng)用、游戲，甚至作為后端語(yǔ)言使用。過(guò)去十年，Node.js讓瀏覽器之外的JavaScript編程成為可能，Node的巨大成功意味著JavaScript如今也是軟件開發(fā)者最常用的編程語(yǔ)言。JavaScript與Java在表面上語(yǔ)法類似，但兩者是完全不同的兩門語(yǔ)言，JavaScript的變量是無(wú)類型的，它的語(yǔ)法大致與Java相仿。但除此之外，這兩門語(yǔ)言之間沒(méi)有任何關(guān)系。JavaScript經(jīng)歷了很長(zhǎng)時(shí)間才從一門腳本語(yǔ)言成長(zhǎng)為一門健壯高效的通用語(yǔ)言，適合開發(fā)代碼量巨大的重要軟件工程和項(xiàng)目[1]。

2JavaScript

2.1JavaScript的起源

JavaScript一開始并不叫JavaScript，而是被命名為L(zhǎng)iveScript，其被用在瀏覽器端和服務(wù)器端，服務(wù)器端的版本叫做Livewire。實(shí)際上，JavaScript剛誕生時(shí)就可以運(yùn)行在服務(wù)器端，而不是Node.js出現(xiàn)時(shí)才能運(yùn)行在服務(wù)器端。彼時(shí)，Java語(yǔ)言很流行，netscape公司為了使新設(shè)計(jì)出來(lái)的腳本語(yǔ)言能夠得到很好推廣，所以就想方設(shè)法跟Java語(yǔ)言產(chǎn)生關(guān)系，因此他們?cè)谛聻g覽器版本發(fā)布前夕把LiveScript改名為JavaScript，從此JavaScript就誕生了。

2.2JavaScript的主要特點(diǎn)

JavaScript的主要特點(diǎn)包括以下六個(gè)方面。

（1）解釋性：JavaScript作為解釋性語(yǔ)言無(wú)須編譯便可直接在瀏覽器中運(yùn)行[2]。

（2）基于對(duì)象：JavaScript的許多功能可通過(guò)腳本環(huán)境中對(duì)象的方法與腳本的相互作用來(lái)實(shí)現(xiàn)[3]。

（3）事件驅(qū)動(dòng)：JavaScript通過(guò)事件驅(qū)動(dòng)的方式對(duì)用戶進(jìn)行響應(yīng)。其中，“事件”是指用戶在主頁(yè)中執(zhí)行操作時(shí)的動(dòng)作，如單擊鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)[4]。

（4）跨平臺(tái)：JavaScript的正確執(zhí)行取決于兩點(diǎn)，即計(jì)算機(jī)能運(yùn)行瀏覽器和瀏覽器支持JavaScript。

（5）安全性：JavaScript可對(duì)數(shù)據(jù)進(jìn)行有效保護(hù)。它不允許訪問(wèn)本地硬盤，不能將數(shù)據(jù)存入服務(wù)器，也不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。

（6）動(dòng)態(tài)性：JavaScript并不依賴Web服務(wù)器，是通過(guò)事件驅(qū)動(dòng)對(duì)用戶進(jìn)行響應(yīng)。當(dāng)用戶進(jìn)行網(wǎng)頁(yè)訪問(wèn)時(shí)，JavaScript可對(duì)用戶的單擊鼠標(biāo)、窗口移動(dòng)、菜單選擇等事件做出直接響應(yīng)。

3JavaScript在HTML中的應(yīng)

3.1在頁(yè)面中直接嵌入JavaScript代碼

HTML文件中可在之間直接嵌入JavaScript腳本，即在body標(biāo)記中嵌入Script標(biāo)記，JS代碼寫在Script標(biāo)記中。此時(shí)，代碼在頁(yè)面打開時(shí)執(zhí)行，執(zhí)行順序?yàn)閺纳系较?，不需要事件觸發(fā)代碼的執(zhí)行。JavaScript的腳本塊可以有多個(gè)，可以出現(xiàn)在任意位置。JavaScript可以有∥開頭的單行注釋和/

??/包含的多行注釋[5]。其具體代碼如下：