老怪 DHTML 雜記說明

DHTML 牽涉的網頁技術

自從 World Wide Web 在 Internet 上大興其道以後，從早期單純瀏覽功能的靜態 HTML 網頁，到後來瀏覽器中內建 Script 直譯器，使網頁中可以插入動態控制的 Script 敘述內容，所謂新的 Dynamic HTML 網頁就已具備了初步基礎。其後再增加 瀏覽器功能及網頁標籤的物件模組化，及 CSS 串接樣式表的網頁顯示控制，可以說 DHTML 的動態網頁大致架構已然確立。雖然網頁技術更新是日新月異，不會停止的， 但今後的發展，恐怕都是在這總架構下，個別功能的擴充加強，不至於會有架構 重翻新的必要。因此老怪 DHTML 雜記中個範例，大概討論的範圍會是下列幾方面：

1. HTML 語法及性質
2. CSS 串接樣式表
3. JavaScript 語法
4. 瀏覽器網頁物件模型

瀏覽器的選擇

或許你會覺得 DHTML 雜記的風格和其他網站網頁不太一樣，因為你找不到一般網站上 通常都有的，最適瀏覽器版本的建議說明。你不必奇怪找不到，因為我們根本沒有放， 原因是我們希望你用任何一種瀏覽器都能閱覽這組網頁。如果你使用的瀏覽器會有 閱讀上的困難，希望你能通知我們，我們就盡一切可能去克服此種問題，如果我們 做不到，我們也會把問題列在本網頁中供大家參考。

IE or NN

據國外電腦業界統計，在所有個人 PC 的網頁瀏覽器中，IE 和 NN 合起來約有百分之 九十的市場佔有率，兩邊壁壘分明，各有擁護者。很容易的，你或許也會問起本雜記 是 IE 派的，或是 NN 派的？這點恐怕會讓兩派擁護者都有些失望，因為 DHTML 雜記 追求的是跨瀏覽器的網頁問題處理，本雜記的所有範例，絕大部份都至少能同時適用 IE 和 NN 4.0 以後的一種版本，並且測試通過。所以我們希望你能 IE 和 NN 4.0 以後 版本瀏覽器各準備一套，分別執行本網頁範例瀏覽一次，如此你才能真正體會本網頁 範例為何要做如此安排。

Script 的選擇

Script 是動態網頁的靈魂，而目前在瀏覽器中最風行的 Script 語法就是 JavaScript 和 VBScript 。本雜記所有的 Script ，都選擇使用 JavaScript 。這不是語言功能 優劣比較選擇，而是如前段所言，如果我們希望本雜記各範例頁在 IE 和 NN 都能執行 ，那麼 JavaScript 似乎是惟一的選擇。

本範例頁不涉及的範圍

1. Server Script
   自從微軟的 ASP (伺服端動態網頁) 風行以來，傳統的 HTML 和 CGI 似乎有被合流的驅勢，從而網頁已跳脫所謂資料或訊息的傳遞，變成 了一個 Internet 應用程式開發的 Client 端界面，而網頁設計者不會 Server Script ，似乎變成一件跟不上潮流的事。雖說如此，但所有 Server Script 有一個最大限制，就是你必須有 Web Server 的控制權利 ，而這對大部份業餘的網頁設計者，是不可能的。同樣的，本雜記也同樣 是存放在一個沒有 Server 端執行權利的環境中，因此不管是 ASP、PHP、 PERL ，本雜記都沒有那個能力去示範執行。
2. 網頁教學
   雖然本說明第一節就談到，HTML、JavaScript、CSS 和 Page DOM(Docunemt Object Module) 是本雜記討論的範圍，但我們完全 不提供各領域的基本教學(這種教學站在網路上太多了，老怪實在沒興趣 再插一腳。)相反的，如果你對上面各領域沒有基本的認識，對本雜記的 說明，你多少會覺得有些理解困難，因為本雜記把主要重點放在 IE 和 NN 在動態網頁處理上的差異，以及如何謀求雙方都能適用的折衷之道 。
3. 網頁製作軟體解說
   打從 HTML 興盛以來，各種文字式及所見即所得式網頁製作輔助軟體如 雨後春筍般推出，到了今日，最盛行的就是 FrontPage 和 Dreamwave 兩大系列。但不管多風行的網頁製作軟體，功能號稱有多強，但最後總 會有無能為力，而必須用純文字編輯器做 HTML 和 Script 的修正。 本雜記的目的就是希望帶你深入了解網頁和瀏覽器的交互運作方式，所以 不會教你如何使用目前風行的網頁製作軟體。事實上本雜記百分之九十 以上的網頁都是用 Window 的記事本軟體編寫的，從沒用過 FrontPage 和 Dreamwave ，因為對我來說，那不但幫不上忙，反而是一種妨害。
4. 網頁插入程式元件的使用
   網頁插入程式元件最早的就是 Java Applet ，其後有各種 ActiveX 元件 ，到現在最風行的是 Flash 插入元件。所有插入元件有一個最大的特色， 就是在網頁中形成一個封閉的空間，執行自己的動作，並且有自己獨特的 操作語法。由於這些插入元件完全沒有共通的規格及操作方法，又必須 從特別的網站下載特定的程式模組，與本雜記追求的，單純瀏覽器瀏覽 目標不同，因此我們不提供這方面的解說。

誰適合使用 DHTML 雜記

• 如果你是一路從頭看到這裡，而不是亂跳後不小心瞄見，那麼可能你適合 有些單調的老怪 DHTML 雜記。
• 如果你不甘願做特定瀏覽器廠商的門徒，誓死要照顧最大多數瀏覽者的網路 羅賓漢，那麼 DHTML 雜記真是有榮幸蒙你瀏覽。
• 如果你即將出任某 Web Server 的網路端手稿設計人員，看看本雜記，有助於 你的 CGI 產出適合 IE 和 NN 兩用的 HTML and JavaScript Code。
• 最後如果你只是一個可憐的網頁設計師，被你的老板要求要做 Cross Browser 網頁，卻被 IE or NN 整的焦頭爛額的，那麼希望上帝眷顧你，讓本雜記能 多少幫點忙。