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

謝芳

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

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

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

2JavaScript

2.1JavaScript的起源

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

2.2JavaScript的主要特點

JavaScript的主要特點包括以下六個方面。

（1）解釋性：JavaScript作為解釋性語言無須編譯便可直接在瀏覽器中運行[2]。

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

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

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

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

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

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

3.1在頁面中直接嵌入JavaScript代碼

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

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