書名: JavaScript動態(tài)網(wǎng)頁開發(fā)詳解作者名: 楊水清等編著本章字數(shù): 928字更新時間: 2018-12-29 18:53:22
1.2 JavaScript能做什么
JavaScript腳本由于其效率高、功能強大等特點,在表單數(shù)據(jù)合法性驗證、網(wǎng)頁特效、交互式菜單、動態(tài)頁面、數(shù)值計算等方面獲得了廣泛的應(yīng)用,甚至出現(xiàn)了完全使用JavaScript編寫的基于Web瀏覽器的類UNIX操作系統(tǒng)JS/UIX,以及無須安裝即可使用的中文輸入法程序JustInput,可見JavaScript腳本編程能力不容小覷!下面僅介紹JavaScript的一些常用功能。
注意:JS/UIX(系統(tǒng)測試:http://www.masswerk.at/jsuix/;命令手冊:http://www.masswerk.at/ jsuix/man.txt;說明文檔:http://www.masswerk.at/jsuix/jsuix-documentation.txt);JustInput(官方網(wǎng)站:http://justinput.com/)
1.2.1 表單數(shù)據(jù)合法性驗證
使用JavaScript腳本語言能有效驗證客戶端提交表單上數(shù)據(jù)的合法性,如果數(shù)據(jù)合法,則執(zhí)行下一步操作,否則返回錯誤提示信息,如圖1.1所示。
1.2.2 頁面特效
使用JavaScript腳本語言,結(jié)合DOM和CSS能創(chuàng)建出絢麗多彩的頁面特效,如火焰狀閃爍文字、文字環(huán)繞光標(biāo)旋轉(zhuǎn)、頁面載入時的百葉窗效果、圖片隨鼠標(biāo)忽明忽暗的效果等。火焰狀閃爍文字效果如圖1.2所示。

圖1.1 應(yīng)用之一:表單數(shù)據(jù)合法性驗證

圖1.2 應(yīng)用之二:火焰狀閃爍文字特效
1.2.3 交互式菜單
使用JavaScript腳本可以創(chuàng)建出具有動態(tài)效果的交互式菜單,完全可以與Flash制作的頁面導(dǎo)航菜單相媲美。如圖1.3所示,在文檔內(nèi)任何位置單擊鼠標(biāo),在其周圍會出現(xiàn)導(dǎo)航菜單。

圖1.3 應(yīng)用之三:動態(tài)的交互式菜單
1.2.4 動態(tài)頁面
使用JavaScript腳本可以對Web頁面的所有元素對象進行訪問,并使用對象的方法操作其屬性,以實現(xiàn)動態(tài)頁面效果,其典型應(yīng)用如網(wǎng)頁版俄羅斯方塊、撲克牌游戲等。如圖1.4所示為網(wǎng)頁版俄羅斯方塊游戲。

圖1.4 應(yīng)用之四:網(wǎng)頁版俄羅斯方塊游戲
1.2.5 數(shù)值計算
JavaScript腳本將數(shù)據(jù)類型作為對象,并提供豐富的操作方法使得JavaScript用于數(shù)值計算。如圖1.5所示為使用JavaScript腳本編寫的計算器。

圖1.5 應(yīng)用之五:使用JavaScript腳本編寫的網(wǎng)頁版計算器
JavaScript腳本的應(yīng)用遠不止如此,Web應(yīng)用程序開發(fā)者能將其與XML有機結(jié)合,并嵌入Java Applet和Flash等小插件,就能實現(xiàn)功能強大并集可視性、動態(tài)性和交互性于一體的HTML網(wǎng)頁,吸引更多的客戶來瀏覽該網(wǎng)站。
使用DOM所定義的文檔結(jié)構(gòu),JavaScript可用于多框架的HTML頁面中,實現(xiàn)框架之間的數(shù)據(jù)交互。同時,Windows提供給JavaScript特有的二次編程接口,客戶端可以通過編寫非常短小的JavaScript腳本文件(.js格式),通過內(nèi)嵌的解釋執(zhí)行平臺WSH(Windows Script Host:Windows腳本宿主,以下簡稱WSH)來實現(xiàn)高效的文件系統(tǒng)管理。
注意:任何一種語言都是偉大的,都可以做很多事情,包括很多不可思議的事情,但有一些是有意義的,有一些是沒有意義的,只是語言的側(cè)重點不同而已。
- Learn to Create WordPress Themes by Building 5 Projects
- Apache Hive Essentials
- INSTANT MinGW Starter
- 用Python實現(xiàn)深度學(xué)習(xí)框架
- Kali Linux Wireless Penetration Testing Beginner's Guide(Third Edition)
- JavaScript程序設(shè)計:基礎(chǔ)·PHP·XML
- Python自然語言理解:自然語言理解系統(tǒng)開發(fā)與應(yīng)用實戰(zhàn)
- 零基礎(chǔ)學(xué)C語言(升級版)
- Backbone.js Testing
- Scala Functional Programming Patterns
- ASP.NET求職寶典
- Microsoft HoloLens By Example
- 金融商業(yè)數(shù)據(jù)分析:基于Python和SAS
- Python人工智能項目實戰(zhàn)
- Python深度學(xué)習(xí):基于PyTorch