網頁中隱藏幀的妙用 (轉)

gugu99發表於2007-08-17
網頁中隱藏幀的妙用 (轉)[@more@]

  網頁分幀(Frame)通常用來進行主頁版面的組織和編排。實際上,巧妙應用分幀技術,還可以完成一些重要的功能。本文介紹利用隱藏幀來實現三個應用。
  怎樣把幀隱藏起來呢?筆者是透過把幀的高度(對於上、下分幀)設為 0 的辦法來把幀隱藏起來的。隱藏以後的幀裡面照樣可以放置 html ,但在網頁的整體版面上並不顯示出來。本例中,筆者構造隱藏幀的 html 程式碼如下:
  〈frameset frameborder="0" rows="0,*"〉
  〈frame name="hframe" src="hidefile.htm" scrolling="no" noresize frameborder="0"〉
  〈frame name="mainframe" src="main.htm" scrolling="yes"〉
  〈noframes〉
  〈body〉〈p〉Please browse the pages with IE4.x/5.x up browser.〈/p〉〈/body〉
  〈/noframes〉
  〈/frameset〉
  其中,上部的隱藏幀命名為 hideframe,放置 hidefile.htm 檔案。下部的幀放置網頁的主檔案。
  一、保持變數的值
  在網頁中,有一些變數的值,比如的註冊名和 ID 號,在本次登入週期內是始終不變的,為了在網頁檔案的切換過程中始終保持這些變數的值,有人採用 的 session 變數,但有時 session 會莫名其妙的丟失。其實我們只要把變數的值儲存在隱藏幀中,使用時它們就可以了。比如隱藏幀中的 hidefile.htm 檔案的內容如下:
  〈foname="vars"〉
  〈input type=text user_name=""〉
  〈input type=text user_id=""〉
  〈/form〉
  從別的幀向隱藏幀儲存變數值的語句如下:
  〈Script Language="script"〉
  parent.hideframe.vars.user_name="使用者名稱"
  parent.hideframe.vars.user_id="使用者ID"
  〈/Script>
  從隱藏幀取變數值的語句如下:
  〈Script Language=""〉
  the_user_name=parent.hideframe.vars.user_name
  the_user_id=parent.hideframe.vars.user_id
  〈/Script>
  二、製作連續的背景
  在主頁中設定過背景音樂的朋友都知道,正當背景音樂流暢地時,一旦你點按某個連結進入別的頁面,背景音樂就中斷了,讓人感到非常遺憾。為了使主頁的背景音樂保持連續,只要巧妙應用隱藏幀技術,問題就會完美地解決。其實方法也非常的簡單:將設定背景音樂的語句放置在隱藏幀中:
  〈embed src="背景音樂.mid" hidden="true" autostart="true" l="0"〉
  儘管下幀的網頁在各頁面間不斷的切換,而上面的隱藏幀會保持相對靜止,背景音樂也會連續不斷地播放。
  三、加速網頁的
  為了使自己製作的網頁能夠最快地下載到瀏覽者的螢幕上,我們網頁設計製作人員可沒少下過功夫,什麼網頁“減肥”、手工製作網頁等各種辦法一應俱全。實際上,網頁瀏覽者在進入一個網站時,他總要在主頁上停留一小會兒,先四下打量以下。瀏覽者觀看主頁的時候,網頁的下載是中斷的,如果能利用這段時間下載別的頁面,快取在裡,豈不是可以大大加快網頁的整體下載速度了嗎?
  隱藏幀這時就派上了用場!我們把一些比較大的圖片、資料放在隱藏幀裡,讓在背後偷偷下載,等到瀏覽者要瀏覽它們時,它們已經在本地硬碟裡了,瀏覽速度自然就快多了。注意,這樣應用隱藏幀時,請將隱藏幀放在網頁的下部,不要影響正常的網頁下載。

  張慶    .9.22


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10748419/viewspace-963233/,如需轉載,請註明出處,否則將追究法律責任。

相關文章