官术网_书友最值得收藏!

1.3 JavaScript編程起步

在Web應用程序開發領域,JavaScript腳本語言已成為一門炙手可熱的語言,為客戶端腳本的首選。網絡上有著形態各異的JavaScript腳本并實現著不同的功能,但用戶也許并不了解JavaScript腳本是如何在瀏覽器中被解釋執行的,更不知如何開始編寫自己的JavaScript腳本來實現自己想要實現的效果。本節將帶領讀者一步步踏入JavaScript腳本語言編程的大門。

1.3.1 “Hello World!”程序

像學習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)文件并雙擊打開,系統調用默認瀏覽器解釋執行,結果如圖1.6所示。

JavaScript腳本編程一般分為如下步驟。

(1)選擇JavaScript語言編輯器編輯腳本代碼。

(2)嵌入該JavaScript腳本代碼到HTML文檔中。

(3)選擇支持JavaScript的瀏覽器瀏覽該HTML文檔。

圖1.6 JavaScript編寫的“Hello World!”程序

(4)如果錯誤則檢查并修改源代碼,重新瀏覽,此過程重復直至代碼正確為止。

(5)處理不支持JavaScript腳本的情況。

由于JavaScript腳本代碼是嵌入到HTML文檔中被瀏覽器解釋執行的,故開發JavaScript腳本代碼并不需要特殊的編程環境,只需普通的文本編輯器和支持JavaScript腳本的瀏覽器即可。那么如何選擇JavaScript腳本編輯器呢?

1.3.2 選擇JavaScript腳本編輯器

編寫JavaScript腳本代碼可以選擇普通的文本編輯器,如NotePad、UltraEdit等,只要所選編輯器能將所編輯的代碼最終保存為HTML文檔類型(.htm、.html等)即可。

雖然Dreamweaver、Microsoft FrontPage等專業網頁開發工具套件內部集成了JavaScript腳本的開發環境,但筆者依然建議JavaScript腳本程序開發者在起步階段使用最基本的文本編輯器如NotePad、UltraEdit等進行開發,以便把注意力放在JavaScript腳本語言而不是開發環境上。

同時,如果腳本代碼出現錯誤,可用該編輯器打開源文件(.htm、.html或.js),修改后保存,并重新使用瀏覽器瀏覽,重復此過程直到沒有錯誤出現為止。

Tips

.js為JavaScript純腳本代碼文件的保存格式,該格式在通過<script>標記的src屬性引入JavaScript腳本代碼的方式中使用,用于嵌入外部腳本文件*.js。

主站蜘蛛池模板: 桂阳县| 建水县| 五大连池市| 吐鲁番市| 伊春市| 广州市| 阿瓦提县| 和静县| 石楼县| 黄山市| 封丘县| 萨嘎县| 峨山| 龙井市| 武义县| 绥化市| 吉水县| 铜鼓县| 盐边县| 平武县| 灵川县| 郓城县| 寿阳县| 榆林市| 天门市| 东乡县| 马龙县| 广汉市| 沙雅县| 诸城市| 蕲春县| 阿拉善盟| 隆子县| 榆林市| 高雄县| 海丰县| 房山区| 天峨县| 扎鲁特旗| 亚东县| 泾阳县|