JavaScript是一种直译式的物件导向程式语言.pptVIP

CHAPTER 13認識Java Script 13-1 認識Java Script JavaScript是一種直譯式的物件導向程式語言，可以用來設計動態的網頁技術。 瀏覽器內都有置入Java Script的核心語言，這使得網頁不再是靜止的HTML，而可以包含程式和使用者進行互動或控制瀏覽器，甚至動態產生HTML的內容。 Java Script的來源 Netscape公司在設計瀏覽器時，也設計了LiveScript語言來提高網頁設計的互動性，後來又和昇陽公司合作發展出JavaScript。 JavaScript的程式結構類似C、C++和Java，除此之外則幾乎沒有相同之處。 Java Script和Java有甚麼不同 JavaScript和Java有相當大的差異，可以將它們看成是互補的工具。 JavaScript是描述語言，可以透過瀏覽器執行，而Java程式必須經過編譯才能執行。 JavaScript必須寫在HTML文件中，而Java的在網頁的應用程式稱為Java Applet，必須存成另一個檔案。 圖13-1 Java的Java Applet檔案 JavaScript的特性 程式無須編譯且和HTML程式結合 程式的安全性較高 特效迅速且直接反應 跨平台的支援 用戶端Java Script的功能 JavaScript可以在網頁上作出各種變化效果來吸引人潮。 JavaScript相當容易上手，對初學者而言並不難學習。 JavaScript的直譯器是在放網頁瀏覽器中，也就是透過用戶端的瀏覽器軟體來處理。 伺服器端的JavaScript 微軟公司的ASP架構也支援了伺服器端的JavaScript。它可以動態產生HTML文件，並在客戶端顯示，甚至存取伺服器端的物件來讀寫伺服器端的檔案，來進行後端網路資料庫的連結或更新。 Java程式範例 要在HTML文件中加入JavaScript程式時，必須透過標籤來告訴瀏覽器裡面的東西不是HTML程式而是JavaScript，此時所使用的就是Script/Script標籤。 13-2 認識Java的語法結構和資料類型 JavaScript的基本規範： 大小寫字母的不同 空白字元與分號 基本的資料類型： 數字 字串 布林值 函式 ─ 就是一段可以不斷呼叫的JavaScript程式碼。 物件 ─ 物件的屬性可以是各種型態的資料。作為物件之屬性的函式就叫做方法。 陣列 ─ 陣列中的資料都會加上編號，此編號即為索引。 13-3 在網頁加入Java Script敘述 JavaScript的多數功能是透過系統所提供的物件來完成。 物件就是系統內已經寫好的程式模組，只要直接操作物件就可以完成工作了。 使用Script標籤 Script標籤可以放在文件的最上方，或是放在HTML文件的HEAD和BODY標籤中。 HTML文件中可以有多對Script標籤，但是Script標籤中不能有第二個Script標籤。 Script標籤中會加上language來設定這個Script所用的Scripting語言。 使用JavaScript檔案 JavaScript可以寫在檔案中供使用者取用，取得檔案就可以執行JavaScript的效果。 JavaScript的檔案中只包含了JavaScript的程式碼，其檔案的副檔名通常為JS。 這種方法的好處： 可簡化HTML程式的內容 可以輕易使用JavaScript程式 便於交換 加快執行效率 透過事件處理器 動態的Script程式會定義事件處理器，當特定事件發生時，瀏覽器就會呼叫並執行所對應的Script程式。 物件的使用 實際應用時最簡單的還是透過物件的方法。 當透過物件來定義Script時，有時會需要先進行計算，或是在過程中用到計算的結果，這時就會用到變數。 所謂的變數就是用來暫存資料的位置。 加入JavaScript的常用事項 JavaScript的基本使用事項： 註解的使用 ─ 用來解釋Script程式。 共用的函式 ─ 放在HEAD/HEAD標籤中的程式會先被執行。 不支援JavaScript的瀏覽器設定 ─ NOSCRIPT標籤可以在不支援JavaScript的瀏覽器顯示訊息。 13-4 JavaScript範例 定義JavaScript的函式 製作歡迎視窗 * * *