向页面添加程序和对象.pptVIP

第 10 章 在網頁中加入程式與物件 本章提要 10-1 在 HTML 中使用 Scripting 語言 10-2 加入 Java Applet 10-3 使用 ActiveX 控制項 10-4 HTML 應用程式 (HTA) 前言 目前為止, 前面幾章所介紹的內容都是 HTML 中制式規定的標籤, 只要靈活使用,就足以創造出令人眼睛為之一亮的網頁。但是創意是永不止息的, 為了讓網頁設計者有更大的揮灑空間, 與網頁功能的提昇, HTML 的語法開啟了幾道窗口, 使其可以加入一些程序控制碼, 並且接受其它協力廠商開發之物件。 10-1 在 HTML 中使用 Scripting 語言 目前在網頁中使用的 Scripting 語言有 JavaScript 或 VBScript, 本書並不介紹這些語言的語法, 請讀者自行參考相關的書籍。 其中VBScript 為微軟公司所發展之語言, 目前只有 Internet Explorer支援, 而 JavaScript 是 Netscape 公司所發展出來的, 微軟公司為了與JavaScript 相容, 但也有意互別苗頭, 所以發展一套稱為 JScript 的語言。 不過由於已有標準機構在制定相關標準, 所以「大體」而言, 兩者的語法上是相同的。 JavaScript 簡史 雖然名稱中有Java這個字眼, 不過JavaScript 的發展之初是和Java沒什麼關係的。 早在 Netscape 公司推出Netscape Navigator 2.0版時, 也同時推出了他們為了在網頁中加入動態效果而發展出的LiveScript語言。 到了1995底時, Netscape和開發出 Java 語言的昇陽公司有新的合作計劃, 此時他們也將LiveScript 更名為JavaScript 。 JavaScript 簡史 或許由於推出之後廣受歡迎, 使得當時想要搶佔瀏覽器市場的微軟公司, 也在次年年中時宣佈要在 IE 中支援JavaScript, 而且微軟公司還特意將其引擎命名為JScript。 到了1996年底的時候, ECMA(European Computer Manufacturers Association)這個標準組織決定以當時各家 JavaScript 的技術為基礎, 制定一項標準, 並於 1997 年六月時發表了 ECMA-262這個名為ECMAScript的標準。 JavaScript 簡史 而且還於一年後推出標準的第二版, 而微軟宣稱他們的Jscript 5.0 是完全符合於ECMAScript 的標準。 ECMAScript的標準規格可自http://www.ecma-international.Org /publications/standards/Ecma-262.htm 下載。 什麼是 JavaScript 如前所述, Netscape 開發 JavaScript 就是為了要補 HTML 的不足, 強化網頁動態效果的 Scripting Language (有人稱之為描述語言), Scripting Language 在語法、結構等方面都不像正統的程式語言 (Programming Language) 般嚴謹, 所以會C/C++ 、Java 等語言的人, 學起 JavaScript 也能夠輕鬆上手。 沒學過程式語言的一般大眾, 也能不用歷經像學習程式語言一樣陡峭的學習曲線, 就能快速學會。 什麼是 JavaScript JavaScript 雖然不像程式語言那麼的完備, 但各項功能也是相當充足, 除了流程控制、使用變數、邏輯判斷、算數運算、函式定義等基本的程式設計功能外,您還可以透過JavaScript 使用瀏覽器視窗中的資源, 也可控制瀏覽器中的物件, 例如在狀態列顯示文字、開啟訊息窗等。 不過它還是有限制的, 如不能做寫入檔案、開啟新檔 (cookie 除外) 等動作, 所以不用擔心病毒會經由 JavaScript 進到電腦中。 使用 JavaScript 要在網頁中加上 JavaScript 程式, 您必須使用 script 標籤。我們直接來看個例子： 使用 JavaScript 在 script.../script 之間就是 JavaScript 程式。 這裡先取得目前時間與日期的物件, 並把該物件存到 dt 這個變數中。再從 dt中取出日期與時間字串, 交給文件(document, 指視窗中的網頁) 顯示出來。 您可用瀏覽器開啟 ex10-01.html： 使用 JavaScript 使用 JavaScript script 標籤的進階設定 您可以看到 script 標籤的語法很簡單： script 的進階設定有兩個, 分別介紹如下： language：指定 scr