定义原始字串.ppt

第 13 章 動態頁面的效果 本章提要 文字跑馬燈 影像動態展示板 視框與視窗的動態控制 同時更新兩個以上的分割視窗 加入 Java Applet 加入 ActiveX 物件 文字跑馬燈 除了使用 MARQUEE 來建立文字跑馬燈外, 我們也能用 JavaScript 寫一個跑馬燈程式。 跑馬燈程式會用到 JavaScript 內建的 String 物件。 廣告跑馬燈的伸展舞台 加上 CENTER... /CENTER 標籤, 讓我們的廣告跑馬燈文字輸入框居中顯示： 廣告跑馬燈的伸展舞台 document.RUNNING.SHOWPAD.value 可改變文字輸入框內的文字： 跑馬燈的原理剖析 程式先定義一段要展示的原始字串, 然後從原始字串中抽取一小段的文字顯示出來。每次取這一小段文字時, 都比上次所取時位置稍後, 因此造成了捲動的效果。 定義所需用到的變數與物件 定義原始字串 定義原始字串 定義運算變數 定義計算顯示字串時所需的數值變數： 定義運算變數 跑馬燈文字的顯示函式 Marquee() 函式的架構： 本段程式是所有函式最複雜的部份, 要依據定位指標 ShowHead (顯示字串的起點) 與 ShowTail (顯示字串的終點) 從 ShowString (原始字串) 中計算出 DisplayString (顯示字串)。 當 ShowHead 小於 ShowTail 時, 表示 ShowTail 尚在 ShowHead 的後面。 這兩種情形所需要的程式敘述各自不同, 因此我們必須將其分別處理： 敍述 A 的程式 ShowHead 起始位置大於 ShowTail 終點位置, 在這種情況下, 我們可以使用 String 物件的 substring 方法直接求出顯示字串： 敍述 B 的程式 ShowHead 起始位置小於 ShowTail 終點位置, 在這種情況下, 我們必須分開兩次使用 substring 屬性求出顯示字串, 然後將之串連起來： 2. 計算下次顯示字串的起迄點 以 ShowHead (顯示字串的起點) 與 ShowTail (顯示字串的終點) 計算出顯示字串後, 當然得計算下次顯示字串的起迄點。一般而言, 我們只需要將這 2 個值分別加上 2 即可： 3. 顯示字串 廣告跑馬燈的驅動事件 由於我們希望在文件載入之後跑馬燈就開始運作, 所以將 onLoad 事件加入 BODY 來驅動： 廣告跑馬燈實作 廣告跑馬燈實作 廣告跑馬燈實作 易於維護的跑馬燈程式結構 想顯示不同的字串時, 只需要修改 ShowString 的設定值 (中文字均在偶數位置上, 且字串總長度須為偶數)。 顯示調和字的考量 此例中, 跑馬燈的字串寬度是 50 個字元, 但顯示用的文字輸入框卻只有 40 個字元寬度。這是考量到瀏覽器多以調和字顯示文字的關係。 影像動態展示板程式碼 影像動態展示板程式碼 執行結果 視框與視窗的動態控制 以一個簡單的分割視窗為例： 視框與視窗的動態控制 分割視窗階層圖 更新分割視窗 若加入如下的 JavaScript 敘述： 開啟新視窗 超連結使用 TARGET 屬性指定某個分割視窗, 瀏覽器會將所連結的 HTML 文件直接顯示在該分割視窗內。例如指定 TARGET=KING 時, 按下這個超連結後,將文件顯示在名字為 KING 的視窗中。 使用 JavaScript 開啟新視窗 開啟新視窗, 請使用 window.open 方法： 使用 JavaScript 開啟新視窗 產生新視窗時, 指定更多的參數 (例如, 僅有捲動軸而沒有工具列)： 同時更新兩個以上的分割視窗 同時更新兩個以上的分割視窗 同時更新兩個以上的分割視窗 同時更新兩個以上的分割視窗 同時更新兩個以上的分割視窗 同時更新兩個以上的分割視窗 同時更新兩個分割視窗的函式 由超連結呼叫 JavaScript 函式 完整的程式列表 同時更新右邊兩個分割視窗的函式 由超連結呼叫 JavaScript 函式 設定按下超連結時, 便呼叫 loader() 函式將指定的網頁顯示到右邊的分割視窗中。 完整的程式列表 完整的程式列表 認識 Java Applet Java 語言是製作網路動態效果的另一項選擇, Java 可用來撰寫 Applet 程式, Java Applet 可以加到網頁中製作特殊效果, 也可以用來連接資料庫。 網路上有許多寫好的 Java Applet 供大家使用, 如果不想自己寫, 可以去抓回來用。 使用 Java Applet APPLET 的屬性 APPLET 的屬性 APPLET 的屬性 遇到不支援 Java Applet 的瀏覽器 PARAM -- 設定參數 有許多 Java Applet 程式必須提供適當的參數才能執行, 這時可