- JavaScript動(dòng)態(tài)網(wǎng)頁開發(fā)詳解
- 楊水清等編著
- 732字
- 2018-12-29 18:53:22
1.3 JavaScript編程起步
在Web應(yīng)用程序開發(fā)領(lǐng)域,JavaScript腳本已成為一門炙手可熱的語言,為客戶端腳本的首選。網(wǎng)絡(luò)上充斥著形態(tài)各異的JavaScript腳本并實(shí)現(xiàn)不同的功能,但用戶也許并不了解JavaScript腳本是如何被瀏覽器解釋執(zhí)行的,更不知如何開始編寫自己的JavaScript腳本來實(shí)現(xiàn)自己想要實(shí)現(xiàn)的效果。本節(jié)將帶領(lǐng)讀者踏入JavaScript腳本語言編程的大門。
1.3.1 “Hello World!”程序
像學(xué)習(xí)C、Java等其他語言一樣,先來看看使用JavaScript腳本語言編寫的“Hello World!”程序,其代碼如下所示:
//源程序1.1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv=content-type content="text/html; charset=gb2312"> <title>Sample Page!</title> </head> <body> <center> <script language="javascript 1.2" type="text/javascript"> document.write("Hello World!"); </script> </center> </body> </html>
將上述代碼保存為.html(或.htm)文件并雙擊打開,系統(tǒng)調(diào)用默認(rèn)瀏覽器解釋執(zhí)行,結(jié)果如圖1.6所示。

圖1.6 JavaScript編寫的“Hello World!”程序
JavaScript腳本編程一般分為如下步驟:
· 選擇JavaScript語言編輯器編輯腳本代碼;
· 嵌入該JavaScript腳本代碼到HTML文檔中;
· 選擇支持JavaScript的瀏覽器瀏覽該HTML文檔;
· 如果錯(cuò)誤則檢查并修改源代碼,重新瀏覽,此過程重復(fù)直至代碼正確為止;
· 處理不支持JavaScript腳本的情況。
由于JavaScript腳本代碼是嵌入到HTML文檔中被瀏覽器解釋執(zhí)行的,故開發(fā)JavaScript腳本代碼并不需要特殊的編程環(huán)境,只需普通的文本編輯器和支持JavaScript腳本的瀏覽器即可。那么如何選擇JavaScript腳本編輯器呢?
1.3.2 選擇JavaScript腳本編輯器
編寫JavaScript腳本代碼可以選擇普通的文本編輯器,如NotePad、UltraEdit等,只要所選的編輯器能將所編輯的代碼最終保存為HTML文檔類型(.htm、.html等)即可。
雖然Dreamweaver、Microsoft FrontPage等專業(yè)網(wǎng)頁開發(fā)工具套件內(nèi)部集成了JavaScript腳本的開發(fā)環(huán)境,但筆者依然建議JavaScript腳本程序開發(fā)者在起步階段使用最基本的文本編輯器如NotePad、UltraEdit等進(jìn)行開發(fā),以便把注意力放在JavaScript腳本語言而不是開發(fā)環(huán)境上。
同時(shí),如果腳本代碼出現(xiàn)錯(cuò)誤,可用該編輯器打開源文件(.htm、.html或.js)修改后保存,并重新使用瀏覽器瀏覽,重復(fù)此過程直到?jīng)]有錯(cuò)誤出現(xiàn)為止。
注意:.js為JavaScript純腳本代碼文件的保存格式,該格式在通過<script>標(biāo)記的src屬性引入JavaScript腳本代碼的方式中使用,用于嵌入外部腳本文件*.js。
- ASP.NET Core:Cloud-ready,Enterprise Web Application Development
- FuelPHP Application Development Blueprints
- Getting Started with SQL Server 2012 Cube Development
- C語言程序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo) (第2版)
- Python Interviews
- 從零開始學(xué)UI:概念解析、實(shí)戰(zhàn)提高、突破規(guī)則
- Visual C++程序設(shè)計(jì)與項(xiàng)目實(shí)踐
- Visual FoxPro程序設(shè)計(jì)習(xí)題及實(shí)驗(yàn)指導(dǎo)
- 每個(gè)人的Python:數(shù)學(xué)、算法和游戲編程訓(xùn)練營
- Python Django Web從入門到項(xiàng)目實(shí)戰(zhàn)(視頻版)
- 詩意的邊緣
- Game Development Patterns and Best Practices
- Building Scalable Apps with Redis and Node.js
- VB語言程序設(shè)計(jì)教程(第2版)
- JavaScript Security